@holyer-lib/ui 0.2.0 → 0.2.1

package/dist/ui.cjs.js

@@ -14,20 +14,6 @@ function __$styleInject(css) {
     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");
-
 /**
  * 类型判断工具
  */
@@ -396,6 +382,59 @@ function normalizeComponent$3(template, style, script, scopeId, isFunctionalTemp
     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;
 
@@ -500,15 +539,17 @@ var __vue_staticRenderFns__$3 = [];
 __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 */
@@ -523,7 +564,7 @@ __vue_render__$3._withStripped = true;
     __vue_is_functional_template__$3,
     __vue_module_identifier__$3,
     false,
-    undefined,
+    createInjector$3,
     undefined,
     undefined
   );
@@ -535,20 +576,16 @@ __vue_component__$3.install = Vue => {
   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 = {
@@ -764,6 +801,59 @@ function normalizeComponent$2(template, style, script, scopeId, isFunctionalTemp
     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;
 
@@ -812,15 +902,17 @@ var __vue_staticRenderFns__$2 = [];
 __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 */
@@ -835,7 +927,7 @@ __vue_render__$2._withStripped = true;
     __vue_is_functional_template__$2,
     __vue_module_identifier__$2,
     false,
-    undefined,
+    createInjector$2,
     undefined,
     undefined
   );
@@ -847,21 +939,39 @@ __vue_component__$2.install = Vue => {
   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',
@@ -1021,6 +1131,59 @@ function normalizeComponent$1(template, style, script, scopeId, isFunctionalTemp
     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;
 
@@ -1095,15 +1258,17 @@ var __vue_staticRenderFns__$1 = [];
 __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 */
@@ -1118,7 +1283,7 @@ __vue_render__$1._withStripped = true;
     __vue_is_functional_template__$1,
     __vue_module_identifier__$1,
     false,
-    undefined,
+    createInjector$1,
     undefined,
     undefined
   );
@@ -1131,20 +1296,6 @@ __vue_component__$1.install = Vue => {
   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");
-
 /**
  * 类型判断工具
  */
@@ -1477,6 +1628,59 @@ 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;
 
@@ -1524,15 +1728,17 @@ var __vue_staticRenderFns__ = [];
 __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 */
@@ -1547,7 +1753,7 @@ __vue_render__._withStripped = true;
     __vue_is_functional_template__,
     __vue_module_identifier__,
     false,
-    undefined,
+    createInjector,
     undefined,
     undefined
   );