@holyer-lib/ui 0.2.0 → 0.2.1

package/dist/ui.umd.js

@@ -16,20 +16,6 @@
       return css;
   }
 
-  function __$styleInject$3(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$3(".hi-expand-panel {\n  position: relative;\n  display: flex;\n  transition: flex 0.3s ease;\n}\n.hi-expand-panel:hover .hi-expand-panel--control-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.hi-expand-panel--content {\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 16px;\n  box-sizing: border-box;\n}\n.hi-expand-panel--control-draggable:hover {\n  cursor: var(--control-draggable-cursor);\n}\n.hi-expand-panel--control-dragging {\n  background-color: var(--control-dragging-bg-color) !important;\n}\n.hi-expand-panel--right .hi-expand-panel--control,\n.hi-expand-panel--left .hi-expand-panel--control {\n  position: absolute;\n  height: 100%;\n  width: 1px;\n  background-color: var(--td-gray-color-4);\n}\n.hi-expand-panel--right .hi-expand-panel--control-trigger,\n.hi-expand-panel--left .hi-expand-panel--control-trigger {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background-color: var(--td-font-white-1);\n  border: 1px solid var(--td-gray-color-4);\n  width: 12px;\n  height: 56px;\n  display: none;\n  border-radius: 6px;\n}\n.hi-expand-panel--right {\n  flex-direction: row;\n}\n.hi-expand-panel--right .hi-expand-panel--control {\n  right: 0;\n}\n.hi-expand-panel--right .hi-expand-panel--control-trigger {\n  right: -6px;\n}\n.hi-expand-panel--left {\n  flex-direction: row-reverse;\n}\n.hi-expand-panel--left .hi-expand-panel--control {\n  left: 0;\n}\n.hi-expand-panel--left .hi-expand-panel--control-trigger {\n  left: -6px;\n}\n.hi-expand-panel--top .hi-expand-panel--control,\n.hi-expand-panel--bottom .hi-expand-panel--control {\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  background-color: var(--td-gray-color-4);\n}\n.hi-expand-panel--top .hi-expand-panel--control-trigger,\n.hi-expand-panel--bottom .hi-expand-panel--control-trigger {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  cursor: pointer;\n  background-color: var(--td-font-white-1);\n  border: 1px solid var(--td-gray-color-4);\n  width: 56px;\n  height: 12px;\n  display: none;\n  border-radius: 6px;\n}\n.hi-expand-panel--top {\n  flex-direction: column-reverse;\n}\n.hi-expand-panel--top .hi-expand-panel--control {\n  top: 0;\n}\n.hi-expand-panel--top .hi-expand-panel--control-trigger {\n  top: -6px;\n}\n.hi-expand-panel--bottom {\n  flex-direction: column;\n}\n.hi-expand-panel--bottom .hi-expand-panel--control {\n  bottom: 0;\n}\n.hi-expand-panel--bottom .hi-expand-panel--control-trigger {\n  bottom: -6px;\n}\n");
-
   /**
    * 类型判断工具
    */
@@ -398,6 +384,59 @@
       return script;
   }
 
+  const isOldIE$3 = typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+  function createInjector$3(context) {
+      return (id, style) => addStyle$3(id, style);
+  }
+  let HEAD$3;
+  const styles$3 = {};
+  function addStyle$3(id, css) {
+      const group = isOldIE$3 ? css.media || 'default' : id;
+      const style = styles$3[group] || (styles$3[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$3 === undefined) {
+                  HEAD$3 = document.head || document.getElementsByTagName('head')[0];
+              }
+              HEAD$3.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__$3 = script$3;
 
@@ -502,15 +541,17 @@
   __vue_render__$3._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$3 = undefined;
+    const __vue_inject_styles__$3 = function (inject) {
+      if (!inject) return
+      inject("data-v-0b2dbdef_0", { source: ".hi-expand-panel[data-v-0b2dbdef] {\n  position: relative;\n  display: flex;\n  transition: flex 0.3s ease;\n}\n.hi-expand-panel:hover .hi-expand-panel--control-trigger[data-v-0b2dbdef] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.hi-expand-panel--content[data-v-0b2dbdef] {\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 16px;\n  box-sizing: border-box;\n}\n.hi-expand-panel--control-draggable[data-v-0b2dbdef]:hover {\n  cursor: var(--control-draggable-cursor);\n}\n.hi-expand-panel--control-dragging[data-v-0b2dbdef] {\n  background-color: var(--control-dragging-bg-color) !important;\n}\n.hi-expand-panel--right .hi-expand-panel--control[data-v-0b2dbdef],\n.hi-expand-panel--left .hi-expand-panel--control[data-v-0b2dbdef] {\n  position: absolute;\n  height: 100%;\n  width: 1px;\n  background-color: var(--td-gray-color-4);\n}\n.hi-expand-panel--right .hi-expand-panel--control-trigger[data-v-0b2dbdef],\n.hi-expand-panel--left .hi-expand-panel--control-trigger[data-v-0b2dbdef] {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background-color: var(--td-font-white-1);\n  border: 1px solid var(--td-gray-color-4);\n  width: 12px;\n  height: 56px;\n  display: none;\n  border-radius: 6px;\n}\n.hi-expand-panel--right[data-v-0b2dbdef] {\n  flex-direction: row;\n}\n.hi-expand-panel--right .hi-expand-panel--control[data-v-0b2dbdef] {\n  right: 0;\n}\n.hi-expand-panel--right .hi-expand-panel--control-trigger[data-v-0b2dbdef] {\n  right: -6px;\n}\n.hi-expand-panel--left[data-v-0b2dbdef] {\n  flex-direction: row-reverse;\n}\n.hi-expand-panel--left .hi-expand-panel--control[data-v-0b2dbdef] {\n  left: 0;\n}\n.hi-expand-panel--left .hi-expand-panel--control-trigger[data-v-0b2dbdef] {\n  left: -6px;\n}\n.hi-expand-panel--top .hi-expand-panel--control[data-v-0b2dbdef],\n.hi-expand-panel--bottom .hi-expand-panel--control[data-v-0b2dbdef] {\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  background-color: var(--td-gray-color-4);\n}\n.hi-expand-panel--top .hi-expand-panel--control-trigger[data-v-0b2dbdef],\n.hi-expand-panel--bottom .hi-expand-panel--control-trigger[data-v-0b2dbdef] {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  cursor: pointer;\n  background-color: var(--td-font-white-1);\n  border: 1px solid var(--td-gray-color-4);\n  width: 56px;\n  height: 12px;\n  display: none;\n  border-radius: 6px;\n}\n.hi-expand-panel--top[data-v-0b2dbdef] {\n  flex-direction: column-reverse;\n}\n.hi-expand-panel--top .hi-expand-panel--control[data-v-0b2dbdef] {\n  top: 0;\n}\n.hi-expand-panel--top .hi-expand-panel--control-trigger[data-v-0b2dbdef] {\n  top: -6px;\n}\n.hi-expand-panel--bottom[data-v-0b2dbdef] {\n  flex-direction: column;\n}\n.hi-expand-panel--bottom .hi-expand-panel--control[data-v-0b2dbdef] {\n  bottom: 0;\n}\n.hi-expand-panel--bottom .hi-expand-panel--control-trigger[data-v-0b2dbdef] {\n  bottom: -6px;\n}\n", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,aAAa;EACb,0BAA0B;AAC5B;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;AACzB;AACA;EACE,YAAY;EACZ,WAAW;EACX,cAAc;EACd,aAAa;EACb,sBAAsB;AACxB;AACA;EACE,uCAAuC;AACzC;AACA;EACE,6DAA6D;AAC/D;AACA;;EAEE,kBAAkB;EAClB,YAAY;EACZ,UAAU;EACV,wCAAwC;AAC1C;AACA;;EAEE,kBAAkB;EAClB,QAAQ;EACR,2BAA2B;EAC3B,eAAe;EACf,wCAAwC;EACxC,wCAAwC;EACxC,WAAW;EACX,YAAY;EACZ,aAAa;EACb,kBAAkB;AACpB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,QAAQ;AACV;AACA;EACE,WAAW;AACb;AACA;EACE,2BAA2B;AAC7B;AACA;EACE,OAAO;AACT;AACA;EACE,UAAU;AACZ;AACA;;EAEE,kBAAkB;EAClB,WAAW;EACX,WAAW;EACX,wCAAwC;AAC1C;AACA;;EAEE,kBAAkB;EAClB,SAAS;EACT,2BAA2B;EAC3B,eAAe;EACf,wCAAwC;EACxC,wCAAwC;EACxC,WAAW;EACX,YAAY;EACZ,aAAa;EACb,kBAAkB;AACpB;AACA;EACE,8BAA8B;AAChC;AACA;EACE,MAAM;AACR;AACA;EACE,SAAS;AACX;AACA;EACE,sBAAsB;AACxB;AACA;EACE,SAAS;AACX;AACA;EACE,YAAY;AACd","file":"index.vue","sourcesContent":[".hi-expand-panel {\n  position: relative;\n  display: flex;\n  transition: flex 0.3s ease;\n}\n.hi-expand-panel:hover .hi-expand-panel--control-trigger {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.hi-expand-panel--content {\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 16px;\n  box-sizing: border-box;\n}\n.hi-expand-panel--control-draggable:hover {\n  cursor: var(--control-draggable-cursor);\n}\n.hi-expand-panel--control-dragging {\n  background-color: var(--control-dragging-bg-color) !important;\n}\n.hi-expand-panel--right .hi-expand-panel--control,\n.hi-expand-panel--left .hi-expand-panel--control {\n  position: absolute;\n  height: 100%;\n  width: 1px;\n  background-color: var(--td-gray-color-4);\n}\n.hi-expand-panel--right .hi-expand-panel--control-trigger,\n.hi-expand-panel--left .hi-expand-panel--control-trigger {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background-color: var(--td-font-white-1);\n  border: 1px solid var(--td-gray-color-4);\n  width: 12px;\n  height: 56px;\n  display: none;\n  border-radius: 6px;\n}\n.hi-expand-panel--right {\n  flex-direction: row;\n}\n.hi-expand-panel--right .hi-expand-panel--control {\n  right: 0;\n}\n.hi-expand-panel--right .hi-expand-panel--control-trigger {\n  right: -6px;\n}\n.hi-expand-panel--left {\n  flex-direction: row-reverse;\n}\n.hi-expand-panel--left .hi-expand-panel--control {\n  left: 0;\n}\n.hi-expand-panel--left .hi-expand-panel--control-trigger {\n  left: -6px;\n}\n.hi-expand-panel--top .hi-expand-panel--control,\n.hi-expand-panel--bottom .hi-expand-panel--control {\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  background-color: var(--td-gray-color-4);\n}\n.hi-expand-panel--top .hi-expand-panel--control-trigger,\n.hi-expand-panel--bottom .hi-expand-panel--control-trigger {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  cursor: pointer;\n  background-color: var(--td-font-white-1);\n  border: 1px solid var(--td-gray-color-4);\n  width: 56px;\n  height: 12px;\n  display: none;\n  border-radius: 6px;\n}\n.hi-expand-panel--top {\n  flex-direction: column-reverse;\n}\n.hi-expand-panel--top .hi-expand-panel--control {\n  top: 0;\n}\n.hi-expand-panel--top .hi-expand-panel--control-trigger {\n  top: -6px;\n}\n.hi-expand-panel--bottom {\n  flex-direction: column;\n}\n.hi-expand-panel--bottom .hi-expand-panel--control {\n  bottom: 0;\n}\n.hi-expand-panel--bottom .hi-expand-panel--control-trigger {\n  bottom: -6px;\n}\n"]}, media: undefined });
+
+    };
     /* scoped */
-    const __vue_scope_id__$3 = undefined;
+    const __vue_scope_id__$3 = "data-v-0b2dbdef";
     /* module identifier */
     const __vue_module_identifier__$3 = undefined;
     /* functional template */
     const __vue_is_functional_template__$3 = false;
-    /* style inject */
-    
     /* style inject SSR */
     
     /* style inject shadow dom */
@@ -525,7 +566,7 @@
       __vue_is_functional_template__$3,
       __vue_module_identifier__$3,
       false,
-      undefined,
+      createInjector$3,
       undefined,
       undefined
     );
@@ -537,20 +578,16 @@
     Vue.component(__vue_component__$3.name, __vue_component__$3);
   };
 
-  function __$styleInject$2(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$2(".hi-expand-text {\n  display: flex;\n  width: 100%;\n  line-height: 1.5;\n}\n.hi-expand-text--content {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-word;\n  -webkit-line-clamp: var(--hi-expand-text-line-clamp);\n  line-clamp: var(--hi-expand-text-line-clamp);\n}\n.hi-expand-text--content.hi-expand-text--content__show-toggle::before {\n  content: '';\n  float: right;\n  height: 100%;\n  margin-bottom: calc(-1em * 1.5);\n}\n.hi-expand-text--content__expanded {\n  display: block;\n  overflow: visible;\n  -webkit-line-clamp: unset;\n  line-clamp: unset;\n}\n.hi-expand-text--toggle {\n  color: var(--td-brand-color);\n  float: right;\n  clear: both;\n  cursor: pointer;\n}\n");
-
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
   //
 
   var script$2 = {
@@ -766,6 +803,59 @@
       return script;
   }
 
+  const isOldIE$2 = typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+  function createInjector$2(context) {
+      return (id, style) => addStyle$2(id, style);
+  }
+  let HEAD$2;
+  const styles$2 = {};
+  function addStyle$2(id, css) {
+      const group = isOldIE$2 ? css.media || 'default' : id;
+      const style = styles$2[group] || (styles$2[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$2 === undefined) {
+                  HEAD$2 = document.head || document.getElementsByTagName('head')[0];
+              }
+              HEAD$2.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__$2 = script$2;
 
@@ -814,15 +904,17 @@
   __vue_render__$2._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$2 = undefined;
+    const __vue_inject_styles__$2 = function (inject) {
+      if (!inject) return
+      inject("data-v-3bd7513c_0", { source: ".hi-expand-text[data-v-3bd7513c] {\n  display: flex;\n  width: 100%;\n  line-height: 1.5;\n}\n.hi-expand-text--content[data-v-3bd7513c] {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-word;\n  -webkit-line-clamp: var(--hi-expand-text-line-clamp);\n  line-clamp: var(--hi-expand-text-line-clamp);\n}\n.hi-expand-text--content.hi-expand-text--content__show-toggle[data-v-3bd7513c]::before {\n  content: '';\n  float: right;\n  height: 100%;\n  margin-bottom: calc(-1em * 1.5);\n}\n.hi-expand-text--content__expanded[data-v-3bd7513c] {\n  display: block;\n  overflow: visible;\n  -webkit-line-clamp: unset;\n  line-clamp: unset;\n}\n.hi-expand-text--toggle[data-v-3bd7513c] {\n  color: var(--td-brand-color);\n  float: right;\n  clear: both;\n  cursor: pointer;\n}\n", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,WAAW;EACX,gBAAgB;AAClB;AACA;EACE,oBAAoB;EACpB,4BAA4B;EAC5B,gBAAgB;EAChB,uBAAuB;EACvB,sBAAsB;EACtB,oDAAoD;EACpD,4CAA4C;AAC9C;AACA;EACE,WAAW;EACX,YAAY;EACZ,YAAY;EACZ,+BAA+B;AACjC;AACA;EACE,cAAc;EACd,iBAAiB;EACjB,yBAAyB;EACzB,iBAAiB;AACnB;AACA;EACE,4BAA4B;EAC5B,YAAY;EACZ,WAAW;EACX,eAAe;AACjB","file":"index.vue","sourcesContent":[".hi-expand-text {\n  display: flex;\n  width: 100%;\n  line-height: 1.5;\n}\n.hi-expand-text--content {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-word;\n  -webkit-line-clamp: var(--hi-expand-text-line-clamp);\n  line-clamp: var(--hi-expand-text-line-clamp);\n}\n.hi-expand-text--content.hi-expand-text--content__show-toggle::before {\n  content: '';\n  float: right;\n  height: 100%;\n  margin-bottom: calc(-1em * 1.5);\n}\n.hi-expand-text--content__expanded {\n  display: block;\n  overflow: visible;\n  -webkit-line-clamp: unset;\n  line-clamp: unset;\n}\n.hi-expand-text--toggle {\n  color: var(--td-brand-color);\n  float: right;\n  clear: both;\n  cursor: pointer;\n}\n"]}, media: undefined });
+
+    };
     /* scoped */
-    const __vue_scope_id__$2 = undefined;
+    const __vue_scope_id__$2 = "data-v-3bd7513c";
     /* module identifier */
     const __vue_module_identifier__$2 = undefined;
     /* functional template */
     const __vue_is_functional_template__$2 = false;
-    /* style inject */
-    
     /* style inject SSR */
     
     /* style inject shadow dom */
@@ -837,7 +929,7 @@
       __vue_is_functional_template__$2,
       __vue_module_identifier__$2,
       false,
-      undefined,
+      createInjector$2,
       undefined,
       undefined
     );
@@ -849,21 +941,39 @@
     Vue.component(__vue_component__$2.name, __vue_component__$2);
   };
 
-  function __$styleInject$1(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$1(".hi-title {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.hi-title--small {\n  gap: 2px;\n}\n.hi-title--large {\n  gap: 6px;\n}\n.hi-title__header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.hi-title__prefix {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n.hi-title__bar {\n  width: 4px;\n  background-color: var(--td-brand-color);\n  flex-shrink: 0;\n}\n.hi-title__icon {\n  flex-shrink: 0;\n  line-height: 1;\n}\n.hi-title__text {\n  margin: 0;\n  font-weight: 600;\n  color: var(--td-text-color-primary);\n}\n.hi-title__description {\n  margin: 0;\n  font-size: 12px;\n  color: var(--td-text-color-secondary);\n}\n");
-
   //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
   const TITILE_SIZE_MAP = {
     small: '14px',
     medium: '16px',
@@ -1023,6 +1133,59 @@
       return script;
   }
 
+  const isOldIE$1 = typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+  function createInjector$1(context) {
+      return (id, style) => addStyle$1(id, style);
+  }
+  let HEAD$1;
+  const styles$1 = {};
+  function addStyle$1(id, css) {
+      const group = isOldIE$1 ? css.media || 'default' : id;
+      const style = styles$1[group] || (styles$1[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$1 === undefined) {
+                  HEAD$1 = document.head || document.getElementsByTagName('head')[0];
+              }
+              HEAD$1.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__$1 = script$1;
 
@@ -1097,15 +1260,17 @@
   __vue_render__$1._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__$1 = undefined;
+    const __vue_inject_styles__$1 = function (inject) {
+      if (!inject) return
+      inject("data-v-2948bff0_0", { source: ".hi-title[data-v-2948bff0] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.hi-title--small[data-v-2948bff0] {\n  gap: 2px;\n}\n.hi-title--large[data-v-2948bff0] {\n  gap: 6px;\n}\n.hi-title__header[data-v-2948bff0] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.hi-title__prefix[data-v-2948bff0] {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n.hi-title__bar[data-v-2948bff0] {\n  width: 4px;\n  background-color: var(--td-brand-color);\n  flex-shrink: 0;\n}\n.hi-title__icon[data-v-2948bff0] {\n  flex-shrink: 0;\n  line-height: 1;\n}\n.hi-title__text[data-v-2948bff0] {\n  margin: 0;\n  font-weight: 600;\n  color: var(--td-text-color-primary);\n}\n.hi-title__description[data-v-2948bff0] {\n  margin: 0;\n  font-size: 12px;\n  color: var(--td-text-color-secondary);\n}\n", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;AACV;AACA;EACE,QAAQ;AACV;AACA;EACE,QAAQ;AACV;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,SAAS;AACX;AACA;EACE,cAAc;EACd,aAAa;EACb,mBAAmB;AACrB;AACA;EACE,UAAU;EACV,uCAAuC;EACvC,cAAc;AAChB;AACA;EACE,cAAc;EACd,cAAc;AAChB;AACA;EACE,SAAS;EACT,gBAAgB;EAChB,mCAAmC;AACrC;AACA;EACE,SAAS;EACT,eAAe;EACf,qCAAqC;AACvC","file":"index.vue","sourcesContent":[".hi-title {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.hi-title--small {\n  gap: 2px;\n}\n.hi-title--large {\n  gap: 6px;\n}\n.hi-title__header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.hi-title__prefix {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n}\n.hi-title__bar {\n  width: 4px;\n  background-color: var(--td-brand-color);\n  flex-shrink: 0;\n}\n.hi-title__icon {\n  flex-shrink: 0;\n  line-height: 1;\n}\n.hi-title__text {\n  margin: 0;\n  font-weight: 600;\n  color: var(--td-text-color-primary);\n}\n.hi-title__description {\n  margin: 0;\n  font-size: 12px;\n  color: var(--td-text-color-secondary);\n}\n"]}, media: undefined });
+
+    };
     /* scoped */
-    const __vue_scope_id__$1 = undefined;
+    const __vue_scope_id__$1 = "data-v-2948bff0";
     /* module identifier */
     const __vue_module_identifier__$1 = undefined;
     /* functional template */
     const __vue_is_functional_template__$1 = false;
-    /* style inject */
-    
     /* style inject SSR */
     
     /* style inject shadow dom */
@@ -1120,7 +1285,7 @@
       __vue_is_functional_template__$1,
       __vue_module_identifier__$1,
       false,
-      undefined,
+      createInjector$1,
       undefined,
       undefined
     );
@@ -1133,20 +1298,6 @@
     Vue.component(__vue_component__$1.name, __vue_component__$1);
   };
 
-  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-virtual-list {\n  overflow-y: auto;\n  overflow-x: hidden;\n  position: relative;\n  will-change: scroll-position;\n}\n.hi-virtual-list--placeholder {\n  pointer-events: none;\n}\n.hi-virtual-list--item-wrapper {\n  box-sizing: border-box;\n}\n");
-
   /**
    * 类型判断工具
    */
@@ -1479,6 +1630,59 @@
       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;
 
@@ -1526,15 +1730,17 @@
   __vue_render__._withStripped = true;
 
     /* style */
-    const __vue_inject_styles__ = undefined;
+    const __vue_inject_styles__ = function (inject) {
+      if (!inject) return
+      inject("data-v-7fe73d95_0", { source: ".hi-virtual-list[data-v-7fe73d95] {\n  overflow-y: auto;\n  overflow-x: hidden;\n  position: relative;\n  will-change: scroll-position;\n}\n.hi-virtual-list--placeholder[data-v-7fe73d95] {\n  pointer-events: none;\n}\n.hi-virtual-list--item-wrapper[data-v-7fe73d95] {\n  box-sizing: border-box;\n}\n", map: {"version":3,"sources":["index.vue"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,kBAAkB;EAClB,4BAA4B;AAC9B;AACA;EACE,oBAAoB;AACtB;AACA;EACE,sBAAsB;AACxB","file":"index.vue","sourcesContent":[".hi-virtual-list {\n  overflow-y: auto;\n  overflow-x: hidden;\n  position: relative;\n  will-change: scroll-position;\n}\n.hi-virtual-list--placeholder {\n  pointer-events: none;\n}\n.hi-virtual-list--item-wrapper {\n  box-sizing: border-box;\n}\n"]}, media: undefined });
+
+    };
     /* scoped */
-    const __vue_scope_id__ = undefined;
+    const __vue_scope_id__ = "data-v-7fe73d95";
     /* module identifier */
     const __vue_module_identifier__ = undefined;
     /* functional template */
     const __vue_is_functional_template__ = false;
-    /* style inject */
-    
     /* style inject SSR */
     
     /* style inject shadow dom */
@@ -1549,7 +1755,7 @@
       __vue_is_functional_template__,
       __vue_module_identifier__,
       false,
-      undefined,
+      createInjector,
       undefined,
       undefined
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@holyer-lib/ui",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "main": "dist/ui.cjs.js",
   "module": "dist/ui.esm.js",
   "unpkg": "dist/ui.umd.js",