hzzt-plus 0.0.2-dev-04 → 0.0.2-dev-05

package/lib/components/dropdown/src/index.js

@@ -68,8 +68,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
-        onClick: vue.withModifiers(dropToggle, ["stop"]),
-        class: "hzzt-dropdown"
+        class: "hzzt-dropdown",
+        onClick: vue.withModifiers(dropToggle, ["stop"])
       }, [
         vue.createElementVNode("li", {
           class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
@@ -80,12 +80,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option, index) => {
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                 vue.unref(types.isEmpty)(option[__props.props.children]) ? (vue.openBlock(), vue.createElementBlock("li", {
-                  class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(option[__props.props.value]) }),
-                  key: index
+                  key: index,
+                  class: vue.normalizeClass({
+                    "hzzt-dropdown-menu-item": true,
+                    selected: __props.defaultValue.includes(option[__props.props.value])
+                  })
                 }, [
                   vue.createElementVNode("a", {
-                    onClick: ($event) => selectValue([option[__props.props.value]]),
-                    class: "hzzt-dropdown-menu-item-label"
+                    class: "hzzt-dropdown-menu-item-label",
+                    onClick: ($event) => selectValue([option[__props.props.value]])
                   }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5)
                 ], 2)) : (vue.openBlock(), vue.createElementBlock("li", {
                   key: index + "submenu",
@@ -97,20 +100,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   }, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(option.children, (child, cIndex) => {
                       return vue.openBlock(), vue.createElementBlock("li", {
-                        class: vue.normalizeClass({ "hzzt-dropdown-menu-item": true, selected: __props.defaultValue.includes(child[__props.props.value]) }),
-                        key: cIndex
+                        key: cIndex,
+                        class: vue.normalizeClass({
+                          "hzzt-dropdown-menu-item": true,
+                          selected: __props.defaultValue.includes(child[__props.props.value])
+                        })
                       }, [
                         vue.createElementVNode("a", {
-                          onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]]),
-                          class: "hzzt-dropdown-menu-item-label"
+                          class: "hzzt-dropdown-menu-item-label",
+                          onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]])
                         }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7)
                       ], 2);
                     }), 128))
                   ], 2)
                 ])),
                 option.divider ? (vue.openBlock(), vue.createElementBlock("li", {
-                  class: "divider",
-                  key: index + "divider"
+                  key: index + "divider",
+                  class: "divider"
                 })) : vue.createCommentVNode("v-if", true)
               ], 64);
             }), 256))

package/lib/components/dropdown/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/dropdown/src/index.vue"],"sourcesContent":["<template>\n  <ul @click.stop=\"dropToggle\" class=\"hzzt-dropdown\"\n      v-click-outside=\"close\">\n    <li :class=\"{ 'hzzt-dropdown-li': true, 'hzzt-dropdown-li-show': toggle }\">\n      <span class=\"hzzt-dropdown-name\">{{ label }}</span>\n      <span class=\"caret\"></span>\n      <ul class=\"hzzt-dropdown-menu\">\n        <template v-for=\"(option, index) in options\">\n          <li :class=\"{ 'hzzt-dropdown-menu-item': true, selected: defaultValue.includes(option[props.value]) }\"\n              v-if=\"isEmpty(option[props.children])\" :key=\"index\">\n            <a @click=\"selectValue([option[props.value]])\" class=\"hzzt-dropdown-menu-item-label\">{{ option[props.label] }}</a>\n          </li>\n          <li :key=\"index+'submenu'\" class=\"hzzt-dropdown-menu-item hzzt-dropdown-submenu\" v-else>\n            <a class=\"submenu\">{{ option[props.label] }}</a>\n            <ul :class=\"['pull-'+position]\" class=\"hzzt-dropdown-menu\">\n              <li :class=\"{ 'hzzt-dropdown-menu-item': true, selected: defaultValue.includes(child[props.value]) }\"\n                  :key=\"cIndex\" v-for=\"(child, cIndex) in option.children\">\n                <a @click=\"selectValue([option[props.value], child[props.value]])\"\n                   class=\"hzzt-dropdown-menu-item-label\">{{ child[props.label] }}</a>\n              </li>\n            </ul>\n          </li>\n          <li class=\"divider\" v-if=\"option.divider\" :key=\"index+'divider'\"></li>\n        </template>\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\n  import {ref} from 'vue';\n  import {ClickOutside as vClickOutside} from 'element-plus';\n  import {isEmpty} from '@hzzt-plus/utils';\n\n  const dProps = defineProps({\n    options: {\n      type: Array,\n      default: () => [],\n    },\n    label: String,\n    value: String,\n    defaultValue: {\n      type: Array,\n      default: () => [],\n    },\n    position: {\n      type: String,\n      default: 'right',\n    },\n    props: {\n      type: Object,\n      default: () => ({\n        children: 'children',\n        label: 'label',\n        value: 'value',\n      }),\n    },\n    returnType: {\n      type: String,\n      default: 'Array',\n    },\n  });\n\n  const emits = defineEmits(['change']);\n\n  defineOptions({\n    name: 'HzztDropDown',\n  });\n\n  const toggle = ref(false);\n\n  function dropToggle() {\n    toggle.value = !toggle.value;\n  }\n\n  function close() {\n    toggle.value = false;\n  }\n\n  function selectValue(val) {\n    if (dProps.returnType === 'Array') {\n      emits('change', val);\n    }\n    if (dProps.returnType === 'String') {\n      emits('change', val.last);\n    }\n  }\n\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;uCAiEgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,MAAA,MAAA,GAASA,QAAI,KAAK,CAAA,CAAA;AAExB,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAiB,SAAA,KAAA,GAAA;AACf,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAA,SAAA,WAAA,CAAqB,GAAK,EAAA;AACxB,MAAI,IAAA,MAAA,CAAO,eAAe,OAAS,EAAA;AACjC,QAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,OACrB;AACA,MAAI,IAAA,MAAA,CAAO,eAAe,QAAU,EAAA;AAClC,QAAM,KAAA,CAAA,QAAA,EAAU,IAAI,IAAI,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/dropdown/src/index.vue"],"sourcesContent":["<template>\n  <ul v-click-outside=\"close\" class=\"hzzt-dropdown\" @click.stop=\"dropToggle\">\n    <li :class=\"{ 'hzzt-dropdown-li': true, 'hzzt-dropdown-li-show': toggle }\">\n      <span class=\"hzzt-dropdown-name\">{{ label }}</span>\n      <span class=\"caret\" />\n      <ul class=\"hzzt-dropdown-menu\">\n        <template v-for=\"(option, index) in options\">\n          <li\n            v-if=\"isEmpty(option[props.children])\"\n            :key=\"index\"\n            :class=\"{\n              'hzzt-dropdown-menu-item': true,\n              selected: defaultValue.includes(option[props.value]),\n            }\"\n          >\n            <a\n              class=\"hzzt-dropdown-menu-item-label\"\n              @click=\"selectValue([option[props.value]])\"\n              >{{ option[props.label] }}</a\n            >\n          </li>\n          <li\n            v-else\n            :key=\"index + 'submenu'\"\n            class=\"hzzt-dropdown-menu-item hzzt-dropdown-submenu\"\n          >\n            <a class=\"submenu\">{{ option[props.label] }}</a>\n            <ul :class=\"['pull-' + position]\" class=\"hzzt-dropdown-menu\">\n              <li\n                v-for=\"(child, cIndex) in option.children\"\n                :key=\"cIndex\"\n                :class=\"{\n                  'hzzt-dropdown-menu-item': true,\n                  selected: defaultValue.includes(child[props.value]),\n                }\"\n              >\n                <a\n                  class=\"hzzt-dropdown-menu-item-label\"\n                  @click=\"\n                    selectValue([option[props.value], child[props.value]])\n                  \"\n                  >{{ child[props.label] }}</a\n                >\n              </li>\n            </ul>\n          </li>\n          <li v-if=\"option.divider\" :key=\"index + 'divider'\" class=\"divider\" />\n        </template>\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { ClickOutside as vClickOutside } from 'element-plus'\nimport { isEmpty } from '@hzzt-plus/utils'\n\nconst dProps = defineProps({\n  options: {\n    type: Array,\n    default: () => [],\n  },\n  label: String,\n  value: String,\n  defaultValue: {\n    type: Array,\n    default: () => [],\n  },\n  position: {\n    type: String,\n    default: 'right',\n  },\n  props: {\n    type: Object,\n    default: () => ({\n      children: 'children',\n      label: 'label',\n      value: 'value',\n    }),\n  },\n  returnType: {\n    type: String,\n    default: 'Array',\n  },\n})\n\nconst emits = defineEmits(['change'])\n\ndefineOptions({\n  name: 'HzztDropDown',\n})\n\nconst toggle = ref(false)\n\nfunction dropToggle() {\n  toggle.value = !toggle.value\n}\n\nfunction close() {\n  toggle.value = false\n}\n\nfunction selectValue(val) {\n  if (dProps.returnType === 'Array') {\n    emits('change', val)\n  }\n  if (dProps.returnType === 'String') {\n    emits('change', val.last)\n  }\n}\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;uCAyFc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,MAAA,MAAA,GAASA,QAAI,KAAK,CAAA,CAAA;AAExB,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAiB,SAAA,KAAA,GAAA;AACf,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAA,SAAA,WAAA,CAAqB,GAAK,EAAA;AACxB,MAAI,IAAA,MAAA,CAAO,eAAe,OAAS,EAAA;AACjC,QAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,OACrB;AACA,MAAI,IAAA,MAAA,CAAO,eAAe,QAAU,EAAA;AAClC,QAAM,KAAA,CAAA,QAAA,EAAU,IAAI,IAAI,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/icon/index.js

@@ -6,21 +6,21 @@ var Icons = require('@element-plus/icons-vue');
 var index = require('./src/index.js');
 
 function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
 }
 
 var Icons__namespace = /*#__PURE__*/_interopNamespace(Icons);
@@ -34,7 +34,7 @@ const HzztIcon = {
   }
 };
 function tarnsElIconName(name) {
-  return "hzzt-el" + name.replace(/[A-Z]/g, (match) => "-" + match.toLocaleLowerCase());
+  return `hzzt-el${name.replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`)}`;
 }
 
 exports.HzztIcon = HzztIcon;

package/lib/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import * as Icons from '@element-plus/icons-vue';\nimport Icon from './src/index.vue';\nimport type { App } from '@vue/runtime-core'\n\nexport const HzztIcon = {\n    install(app: App) {\n        app.component('HzztIcon', Icon);\n        for (const key in Icons) {\n            app.component(tarnsElIconName(key), Icons[key]);\n        }\n    },\n}\n\nexport default HzztIcon;\n\nfunction tarnsElIconName(name) {\n    return 'hzzt-el' +\n        name.replace(/[A-Z]/g, (match) => '-' + match.toLocaleLowerCase());\n}\n\n"],"names":["Icon","Icons"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,EAAEA,gBAAI,CAAC,CAAC;AACpC,IAAI,KAAK,MAAM,GAAG,IAAIC,gBAAK,EAAE;AAC7B,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAEA,gBAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE;AAEF,SAAS,eAAe,CAAC,IAAI,EAAE;AAC/B,EAAE,OAAO,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,GAAG,GAAG,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC;AACxF;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/icon/index.ts"],"sourcesContent":["import * as Icons from '@element-plus/icons-vue'\nimport Icon from './src/index.vue'\nimport type { App } from '@vue/runtime-core'\n\nexport const HzztIcon = {\n  install(app: App) {\n    app.component('HzztIcon', Icon)\n    for (const key in Icons) {\n      app.component(tarnsElIconName(key), Icons[key])\n    }\n  },\n}\n\nexport default HzztIcon\n\nfunction tarnsElIconName(name) {\n  return `hzzt-el${name.replace(\n    /[A-Z]/g,\n    (match) => `-${match.toLocaleLowerCase()}`\n  )}`\n}\n"],"names":["Icon","Icons"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEY,MAAC,QAAQ,GAAG;AACxB,EAAE,OAAO,CAAC,GAAG,EAAE;AACf,IAAI,GAAG,CAAC,SAAS,CAAC,UAAU,EAAEA,gBAAI,CAAC,CAAC;AACpC,IAAI,KAAK,MAAM,GAAG,IAAIC,gBAAK,EAAE;AAC7B,MAAM,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,EAAEA,gBAAK,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,KAAK;AACL,GAAG;AACH,EAAE;AAEF,SAAS,eAAe,CAAC,IAAI,EAAE;AAC/B,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxF;;;;;"}

package/lib/components/icon/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../packages/components/icon/src/index.vue"],"sourcesContent":["<template>\n  <ElIcon v-bind=\"attrs\">\n    <component :is=\"componentName\" />\n  </ElIcon>\n</template>\n\n<script setup lang=\"ts\">\n  import {ElIcon} from 'element-plus';\n  import {computed, useAttrs} from 'vue';\n\n  const props = defineProps({\n    name: {\n      type: String,\n      required: true,\n    },\n    type: {\n      type: String,\n      default: 'el',\n    },\n  });\n\n  const attrs = useAttrs();\n\n  const componentName = computed(() => `hzzt-${props.type}-${props.name}`);\n\n</script>\n\n"],"names":["useAttrs","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBE,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,gBAAgBC,YAAS,CAAA,MAAM,QAAQ,KAAM,CAAA,IAAA,CAAA,CAAA,EAAQ,MAAM,IAAM,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/icon/src/index.vue"],"sourcesContent":["<template>\n  <ElIcon v-bind=\"attrs\">\n    <component :is=\"componentName\" />\n  </ElIcon>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport { ElIcon } from 'element-plus'\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  type: {\n    type: String,\n    default: 'el',\n  },\n})\n\nconst attrs = useAttrs()\n\nconst componentName = computed(() => `hzzt-${props.type}-${props.name}`)\n</script>\n"],"names":["useAttrs","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAA,MAAM,gBAAgBC,YAAS,CAAA,MAAM,QAAQ,KAAM,CAAA,IAAA,CAAA,CAAA,EAAQ,MAAM,IAAM,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;"}

package/lib/components/index.d.ts

@@ -5,3 +5,4 @@ export * from './config-provider';
 export * from './tab';
 export * from './icon';
 export * from './pagination';
+export * from './tooltip';

package/lib/components/index.js

@@ -9,6 +9,7 @@ var index$3 = require('./config-provider/index.js');
 var index$4 = require('./tab/index.js');
 var index$5 = require('./icon/index.js');
 var index$6 = require('./pagination/index.js');
+var index$7 = require('./tooltip/index.js');
 var configProviderProps = require('./config-provider/src/config-provider-props.js');
 var constants = require('./config-provider/src/constants.js');
 var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
@@ -22,6 +23,7 @@ exports.HzztConfigProvider = index$3.HzztConfigProvider;
 exports.HzztTab = index$4.HzztTab;
 exports.HzztIcon = index$5.HzztIcon;
 exports.HzztPagination = index$6.HzztPagination;
+exports.HzztTooltip = index$7.HzztTooltip;
 exports.configProviderProps = configProviderProps.configProviderProps;
 exports.configProviderContextKey = constants.configProviderContextKey;
 exports.provideGlobalConfig = useGlobalConfig.provideGlobalConfig;

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}