@holyer-lib/ui 0.0.6 → 0.0.7

package/dist/ui.cjs.js

@@ -14,13 +14,21 @@ function __$styleInject(css) {
     return css;
 }
 
-//
-//
-//
-//
-//
-//
+function __$styleInject(css) {
+    if (!css) return;
 
+    if (typeof window == 'undefined') return;
+    var style = document.createElement('style');
+    style.setAttribute('media', 'screen');
+
+    style.innerHTML = css;
+    document.head.appendChild(style);
+    return css;
+}
+
+__$styleInject(".hi-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin: 16px 0;\n  border-left: 4px solid var(--td-brand-color);\n}\n");
+
+//
 var script = {
   name: 'HiTitle',
   props: {
@@ -29,7 +37,9 @@ var script = {
       default: '标题'
     }
   },
-  data() {}
+  data() {
+    return {};
+  }
 };
 
 function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
@@ -107,59 +117,6 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
     return script;
 }
 
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
-}
-
 /* script */
 const __vue_script__ = script;
 
@@ -168,25 +125,30 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "hi-title" }, [
-    _vm._v("\n  " + _vm._s(_vm.content) + "\n"),
-  ])
+  return _c(
+    "div",
+    { staticClass: "hi-title" },
+    [
+      _vm._t("default", function () {
+        return [_vm._v(_vm._s(_vm.content))]
+      }),
+    ],
+    2
+  )
 };
 var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__ = function (inject) {
-    if (!inject) return
-    inject("data-v-03a3ffda_0", { source: "\n.title[data-v-03a3ffda] {\n  text-align: center;\n  margin: 20px 0;\n}\n", map: {"version":3,"sources":["/home/runner/work/holyer-lib/holyer-lib/packages/ui/title/src/index.vue"],"names":[],"mappings":";AAoBA;EACA,kBAAA;EACA,cAAA;AACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"hi-title\">\n    {{ content }}\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'HiTitle',\n  props: {\n    content: {\n      type: String,\n      default: '标题'\n    }\n  },\n  data() {}\n};\n</script>\n\n<style scoped>\n.title {\n  text-align: center;\n  margin: 20px 0;\n}\n</style>\n"]}, media: undefined });
-
-  };
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-03a3ffda";
+  const __vue_scope_id__ = undefined;
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */
   const __vue_is_functional_template__ = false;
+  /* style inject */
+  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -201,7 +163,7 @@ __vue_render__._withStripped = true;
     __vue_is_functional_template__,
     __vue_module_identifier__,
     false,
-    createInjector,
+    undefined,
     undefined,
     undefined
   );

package/dist/ui.esm.js

@@ -10,13 +10,21 @@ function __$styleInject(css) {
     return css;
 }
 
-//
-//
-//
-//
-//
-//
+function __$styleInject(css) {
+    if (!css) return;
 
+    if (typeof window == 'undefined') return;
+    var style = document.createElement('style');
+    style.setAttribute('media', 'screen');
+
+    style.innerHTML = css;
+    document.head.appendChild(style);
+    return css;
+}
+
+__$styleInject(".hi-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin: 16px 0;\n  border-left: 4px solid var(--td-brand-color);\n}\n");
+
+//
 var script = {
   name: 'HiTitle',
   props: {
@@ -25,7 +33,9 @@ var script = {
       default: '标题'
     }
   },
-  data() {}
+  data() {
+    return {};
+  }
 };
 
 function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
@@ -103,59 +113,6 @@ function normalizeComponent(template, style, script, scopeId, isFunctionalTempla
     return script;
 }
 
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
-}
-
 /* script */
 const __vue_script__ = script;
 
@@ -164,25 +121,30 @@ var __vue_render__ = function () {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "hi-title" }, [
-    _vm._v("\n  " + _vm._s(_vm.content) + "\n"),
-  ])
+  return _c(
+    "div",
+    { staticClass: "hi-title" },
+    [
+      _vm._t("default", function () {
+        return [_vm._v(_vm._s(_vm.content))]
+      }),
+    ],
+    2
+  )
 };
 var __vue_staticRenderFns__ = [];
 __vue_render__._withStripped = true;
 
   /* style */
-  const __vue_inject_styles__ = function (inject) {
-    if (!inject) return
-    inject("data-v-03a3ffda_0", { source: "\n.title[data-v-03a3ffda] {\n  text-align: center;\n  margin: 20px 0;\n}\n", map: {"version":3,"sources":["/home/runner/work/holyer-lib/holyer-lib/packages/ui/title/src/index.vue"],"names":[],"mappings":";AAoBA;EACA,kBAAA;EACA,cAAA;AACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"hi-title\">\n    {{ content }}\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'HiTitle',\n  props: {\n    content: {\n      type: String,\n      default: '标题'\n    }\n  },\n  data() {}\n};\n</script>\n\n<style scoped>\n.title {\n  text-align: center;\n  margin: 20px 0;\n}\n</style>\n"]}, media: undefined });
-
-  };
+  const __vue_inject_styles__ = undefined;
   /* scoped */
-  const __vue_scope_id__ = "data-v-03a3ffda";
+  const __vue_scope_id__ = undefined;
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */
   const __vue_is_functional_template__ = false;
+  /* style inject */
+  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -197,7 +159,7 @@ __vue_render__._withStripped = true;
     __vue_is_functional_template__,
     __vue_module_identifier__,
     false,
-    createInjector,
+    undefined,
     undefined,
     undefined
   );

package/dist/ui.umd.js

@@ -16,13 +16,21 @@
       return css;
   }
 
-  //
-  //
-  //
-  //
-  //
-  //
+  function __$styleInject(css) {
+      if (!css) return;
 
+      if (typeof window == 'undefined') return;
+      var style = document.createElement('style');
+      style.setAttribute('media', 'screen');
+
+      style.innerHTML = css;
+      document.head.appendChild(style);
+      return css;
+  }
+
+  __$styleInject(".hi-title {\n  font-size: 24px;\n  font-weight: bold;\n  margin: 16px 0;\n  border-left: 4px solid var(--td-brand-color);\n}\n");
+
+  //
   var script = {
     name: 'HiTitle',
     props: {
@@ -31,7 +39,9 @@
         default: '标题'
       }
     },
-    data() {}
+    data() {
+      return {};
+    }
   };
 
   function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
@@ -109,59 +119,6 @@
       return script;
   }
 
-  const isOldIE = typeof navigator !== 'undefined' &&
-      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-  function createInjector(context) {
-      return (id, style) => addStyle(id, style);
-  }
-  let HEAD;
-  const styles = {};
-  function addStyle(id, css) {
-      const group = isOldIE ? css.media || 'default' : id;
-      const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-      if (!style.ids.has(id)) {
-          style.ids.add(id);
-          let code = css.source;
-          if (css.map) {
-              // https://developer.chrome.com/devtools/docs/javascript-debugging
-              // this makes source maps inside style tags work properly in Chrome
-              code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-              // http://stackoverflow.com/a/26603875
-              code +=
-                  '\n/*# sourceMappingURL=data:application/json;base64,' +
-                      btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                      ' */';
-          }
-          if (!style.element) {
-              style.element = document.createElement('style');
-              style.element.type = 'text/css';
-              if (css.media)
-                  style.element.setAttribute('media', css.media);
-              if (HEAD === undefined) {
-                  HEAD = document.head || document.getElementsByTagName('head')[0];
-              }
-              HEAD.appendChild(style.element);
-          }
-          if ('styleSheet' in style.element) {
-              style.styles.push(code);
-              style.element.styleSheet.cssText = style.styles
-                  .filter(Boolean)
-                  .join('\n');
-          }
-          else {
-              const index = style.ids.size - 1;
-              const textNode = document.createTextNode(code);
-              const nodes = style.element.childNodes;
-              if (nodes[index])
-                  style.element.removeChild(nodes[index]);
-              if (nodes.length)
-                  style.element.insertBefore(textNode, nodes[index]);
-              else
-                  style.element.appendChild(textNode);
-          }
-      }
-  }
-
   /* script */
   const __vue_script__ = script;
 
@@ -170,25 +127,30 @@
     var _vm = this;
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
-    return _c("div", { staticClass: "hi-title" }, [
-      _vm._v("\n  " + _vm._s(_vm.content) + "\n"),
-    ])
+    return _c(
+      "div",
+      { staticClass: "hi-title" },
+      [
+        _vm._t("default", function () {
+          return [_vm._v(_vm._s(_vm.content))]
+        }),
+      ],
+      2
+    )
   };
   var __vue_staticRenderFns__ = [];
   __vue_render__._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__ = function (inject) {
-      if (!inject) return
-      inject("data-v-03a3ffda_0", { source: "\n.title[data-v-03a3ffda] {\n  text-align: center;\n  margin: 20px 0;\n}\n", map: {"version":3,"sources":["/home/runner/work/holyer-lib/holyer-lib/packages/ui/title/src/index.vue"],"names":[],"mappings":";AAoBA;EACA,kBAAA;EACA,cAAA;AACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"hi-title\">\n    {{ content }}\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'HiTitle',\n  props: {\n    content: {\n      type: String,\n      default: '标题'\n    }\n  },\n  data() {}\n};\n</script>\n\n<style scoped>\n.title {\n  text-align: center;\n  margin: 20px 0;\n}\n</style>\n"]}, media: undefined });
-
-    };
+    const __vue_inject_styles__ = undefined;
     /* scoped */
-    const __vue_scope_id__ = "data-v-03a3ffda";
+    const __vue_scope_id__ = undefined;
     /* module identifier */
     const __vue_module_identifier__ = undefined;
     /* functional template */
     const __vue_is_functional_template__ = false;
+    /* style inject */
+    
     /* style inject SSR */
     
     /* style inject shadow dom */
@@ -203,7 +165,7 @@
       __vue_is_functional_template__,
       __vue_module_identifier__,
       false,
-      createInjector,
+      undefined,
       undefined,
       undefined
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@holyer-lib/ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "main": "dist/ui.cjs.js",
   "module": "dist/ui.esm.js",
   "unpkg": "dist/ui.umd.js",
@@ -11,7 +11,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@holyer-lib/title": "0.0.6"
+    "@holyer-lib/title": "1.0.0"
   },
   "peerDependencies": {
     "vue": "2.6.14"