Startseite Erkunden Hilfe
Registrieren Anmelden
vuejs
/
vue
Mirror von https://github.com/vuejs/vue.git
2
0
Fork 0
Dateien Issues 0 Wiki
Quellcode durchsuchen

sd-style

Evan You vor 13 Jahren
Ursprung
60a3e46fbb
Commit
646b790863
5 geänderte Dateien mit 35 neuen und 10 gelöschten Zeilen
Gesamtansicht Diff-Statistik anzeigen
  1. 0 3
      TODO.md
  2. 2 1
      examples/simple.html
  3. 1 2
      src/config.js
  4. 25 2
      src/directives/index.js
  5. 7 2
      src/main.js

+ 0 - 3
TODO.md
Datei anzeigen 

@@ -1,7 +1,4 @@
 
 - parse textNodes
 
 - parse textNodes
 
 - more directives / filters
 
 - more directives / filters
 
-    - sd-if
 
     - sd-with
 
     - sd-with
 
-    - sd-visible
 
-    - sd-style="transform:transform"
 
 - nested properties in scope (kinda hard, maybe later)
 
 - nested properties in scope (kinda hard, maybe later)

+ 2 - 1
examples/simple.html
Datei anzeigen 

@@ -6,11 +6,12 @@
 
         <script src="../dist/seed.js"></script>
 
         <script src="../dist/seed.js"></script>
 
     </head>
 
     </head>
 
     <body sd-controller="hello">
 
     <body sd-controller="hello">
 
-        <span sd-text="hello"></span>
 
+        <span sd-text="hello" sd-style="text-transform:format"></span>
 
         <script>
 
         <script>
 
             var Seed = require('seed')
 
             var Seed = require('seed')
 
             Seed.controller('hello', function (scope) {
 
             Seed.controller('hello', function (scope) {
 
                 scope.hello = 'Hello World!'
 
                 scope.hello = 'Hello World!'
 
+                scope.format = 'uppercase'
 
             })
 
             })
 
             Seed.bootstrap()
 
             Seed.bootstrap()
 
         </script>
 
         </script>

+ 1 - 2
src/config.js
Datei anzeigen 

@@ -1,6 +1,5 @@
 
 module.exports = {
 
 module.exports = {
 
     prefix: 'sd',
 
     prefix: 'sd',
 
     controllers: {},
 
     controllers: {},
 
-    datum: {},
 
-    seeds: {}
 
+    datum: {}
 
 }
 
 }

+ 25 - 2
src/directives/index.js
Datei anzeigen 

@@ -1,7 +1,17 @@
 
+var CONVERT_RE = /-(.)/g,
 
+    converter  = function (m, char) {
 
+        return char.toUpperCase()
 
+    }
 
+    
+function convertCSSProperty (prop) {
 
+    if (prop.charAt(0) === '-') prop = prop.slice(1)
 
+    return prop.replace(CONVERT_RE, converter)
 
+}
 
+
 
 module.exports = {
 
 module.exports = {
 
 
 
-    on   : require('./on'),
 
-    each : require('./each'),
 
+    on    : require('./on'),
 
+    each  : require('./each'),
 
 
 
     text: function (value) {
 
     text: function (value) {
 
         this.el.textContent =
 
         this.el.textContent =
 
@@ -12,6 +22,10 @@ module.exports = {
 
     show: function (value) {
 
     show: function (value) {
 
         this.el.style.display = value ? '' : 'none'
 
         this.el.style.display = value ? '' : 'none'
 
     },
 
     },
 
+
 
+    visible: function (value) {
 
+        this.el.style.visibility = value ? '' : 'hidden'
 
+    },
 
     
     
     focus: function (value) {
 
     focus: function (value) {
 
         this.el[value ? 'focus' : 'blur']()
 
         this.el[value ? 'focus' : 'blur']()
 
@@ -75,5 +89,14 @@ module.exports = {
 
                 }
 
                 }
 
             }
 
             }
 
         }
 
         }
 
+    },
 
+
 
+    style: {
 
+        bind: function () {
 
+            this.arg = convertCSSProperty(this.arg)
 
+        },
 
+        update: function (value) {
 
+            this.el.style[this.arg] = value
 
+        }
 
     }
 
     }
 
 }
 
 }

+ 7 - 2
src/main.js
Datei anzeigen 

@@ -5,7 +5,8 @@ var config      = require('./config'),
 
 
 
 var controllers = config.controllers,
 
 var controllers = config.controllers,
 
     datum       = config.datum,
 
     datum       = config.datum,
 
-    api         = {}
 
+    api         = {},
 
+    reserved    = ['datum', 'controllers']
 
 
 
 /*
 
 /*
 
  *  Store a piece of plain data in config.datum
 
  *  Store a piece of plain data in config.datum
 
@@ -54,7 +55,11 @@ api.filter = function (name, fn) {
 
  */
 
  */
 
 api.bootstrap = function (opts) {
 
 api.bootstrap = function (opts) {
 
     if (opts) {
 
     if (opts) {
 
-        config.prefix = opts.prefix || config.prefix
 
+        for (var key in opts) {
 
+            if (reserved.indexOf(key) === -1) {
 
+                config[key] = opts[key]
 
+            }
 
+        }
 
     }
 
     }
 
     var el,
 
     var el,
 
         ctrlSlt = '[' + config.prefix + '-controller]',
 
         ctrlSlt = '[' + config.prefix + '-controller]',