hzzt-plus 0.0.1 → 0.0.2-dev-02

package/lib/components/config-provider/src/config-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-provider.js","sources":["../../../../../../packages/components/config-provider/src/config-provider.ts"],"sourcesContent":["import {defineComponent, renderSlot} from 'vue'\nimport {provideGlobalConfig} from './hooks/use-global-config'\nimport {configProviderProps} from './config-provider-props'\n\nconst ConfigProvider = defineComponent({\n    name: 'HzztConfigProvider',\n    props: configProviderProps,\n\n    setup(props, {slots}) {\n        const config = provideGlobalConfig(props)\n        return () => renderSlot(slots, 'default', {config: config?.value})\n    },\n})\nexport type ConfigProviderInstance = InstanceType<typeof ConfigProvider>\n\nexport default ConfigProvider\n"],"names":["defineComponent","configProviderProps","provideGlobalConfig","renderSlot"],"mappings":";;;;;;;;AAGK,MAAC,cAAc,GAAGA,mBAAe,CAAC;AACvC,EAAE,IAAI,EAAE,oBAAoB;AAC5B,EAAE,KAAK,EAAEC,uCAAmB;AAC5B,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE;AAC1B,IAAI,MAAM,MAAM,GAAGC,mCAAmB,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAI,OAAO,MAAMC,cAAU,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAClG,GAAG;AACH,CAAC;;;;"}

package/lib/components/config-provider/src/constants.d.ts

@@ -0,0 +1,4 @@
+import type { ConfigProviderProps } from './config-provider-props';
+import type { InjectionKey, Ref } from 'vue';
+export declare type ConfigProviderContext = Partial<ConfigProviderProps>;
+export declare const configProviderContextKey: InjectionKey<Ref<ConfigProviderContext>>;

package/lib/components/config-provider/src/constants.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const configProviderContextKey = Symbol();
+
+exports.configProviderContextKey = configProviderContextKey;
+//# sourceMappingURL=constants.js.map

package/lib/components/config-provider/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../packages/components/config-provider/src/constants.ts"],"sourcesContent":["import type { ConfigProviderProps } from './config-provider-props'\nimport type { InjectionKey, Ref } from 'vue'\n\nexport type ConfigProviderContext = Partial<ConfigProviderProps>\n\nexport const configProviderContextKey: InjectionKey<\n  Ref<ConfigProviderContext>\n> = Symbol()\n"],"names":[],"mappings":";;;;AAAY,MAAC,wBAAwB,GAAG,MAAM;;;;"}

package/lib/components/config-provider/src/hooks/use-global-config.d.ts

@@ -0,0 +1,6 @@
+import type { MaybeRef } from '@vueuse/core';
+import type { App, Ref } from 'vue';
+import type { ConfigProviderContext } from '../constants';
+export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
+export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
+export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App<any> | undefined, global?: boolean) => import("vue").ComputedRef<Partial<import("../config-provider-props").ConfigProviderProps>> | undefined;

package/lib/components/config-provider/src/hooks/use-global-config.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../utils/index.js');
+require('../../../../hooks/index.js');
+var constants = require('../constants.js');
+var error = require('../../../../utils/error.js');
+var index = require('../../../../hooks/use-locale/index.js');
+var index$1 = require('../../../../hooks/use-size/index.js');
+var objects = require('../../../../utils/objects.js');
+
+const globalConfig = vue.ref();
+function useGlobalConfig(key, defaultValue = void 0) {
+  const config = vue.getCurrentInstance() ? vue.inject(constants.configProviderContextKey, globalConfig) : globalConfig;
+  if (key) {
+    return vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
+    });
+  } else {
+    return config;
+  }
+}
+const provideGlobalConfig = (config, app, global = false) => {
+  var _a;
+  const inSetup = !!vue.getCurrentInstance();
+  const oldConfig = inSetup ? useGlobalConfig() : void 0;
+  const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? vue.provide : void 0;
+  if (!provideFn) {
+    error.debugWarn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
+    return;
+  }
+  const context = vue.computed(() => {
+    const cfg = vue.unref(config);
+    if (!(oldConfig == null ? void 0 : oldConfig.value))
+      return cfg;
+    return mergeConfig(oldConfig.value, cfg);
+  });
+  provideFn(constants.configProviderContextKey, context);
+  provideFn(index.localeContextKey, vue.computed(() => context.value.locale));
+  provideFn(index$1.SIZE_INJECTION_KEY, {
+    size: vue.computed(() => context.value.size || "")
+  });
+  if (global || !globalConfig.value) {
+    globalConfig.value = context.value;
+  }
+  return context;
+};
+const mergeConfig = (a, b) => {
+  const keys = [.../* @__PURE__ */ new Set([...objects.keysOf(a), ...objects.keysOf(b)])];
+  const obj = {};
+  for (const key of keys) {
+    obj[key] = b[key] !== void 0 ? b[key] : a[key];
+  }
+  return obj;
+};
+
+exports.provideGlobalConfig = provideGlobalConfig;
+exports.useGlobalConfig = useGlobalConfig;
+//# sourceMappingURL=use-global-config.js.map

package/lib/components/config-provider/src/hooks/use-global-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-global-config.js","sources":["../../../../../../../packages/components/config-provider/src/hooks/use-global-config.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport { debugWarn, keysOf } from '@hzzt-plus/utils'\nimport {\n  SIZE_INJECTION_KEY,\n  localeContextKey,\n} from '@hzzt-plus/hooks'\nimport { configProviderContextKey } from '../constants'\n\nimport type { MaybeRef } from '@vueuse/core'\nimport type { App, Ref } from 'vue'\nimport type { ConfigProviderContext } from '../constants'\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nconst globalConfig = ref<ConfigProviderContext>()\n\nexport function useGlobalConfig<\n  K extends keyof ConfigProviderContext,\n  D extends ConfigProviderContext[K]\n>(\n  key: K,\n  defaultValue?: D\n): Ref<Exclude<ConfigProviderContext[K], undefined> | D>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(\n  key?: keyof ConfigProviderContext,\n  defaultValue = undefined\n) {\n  const config = getCurrentInstance()\n    ? inject(configProviderContextKey, globalConfig)\n    : globalConfig\n  if (key) {\n    return computed(() => config.value?.[key] ?? defaultValue)\n  } else {\n    return config\n  }\n}\n\nexport const provideGlobalConfig = (\n  config: MaybeRef<ConfigProviderContext>,\n  app?: App,\n  global = false\n) => {\n  const inSetup = !!getCurrentInstance()\n  const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n  const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n  if (!provideFn) {\n    debugWarn(\n      'provideGlobalConfig',\n      'provideGlobalConfig() can only be used inside setup().'\n    )\n    return\n  }\n\n  const context = computed(() => {\n    const cfg = unref(config)\n    if (!oldConfig?.value) return cfg\n    return mergeConfig(oldConfig.value, cfg)\n  })\n  provideFn(configProviderContextKey, context)\n  provideFn(\n    localeContextKey,\n    computed(() => context.value.locale)\n  )\n  provideFn(SIZE_INJECTION_KEY, {\n    size: computed(() => context.value.size || ''),\n  })\n\n  if (global || !globalConfig.value) {\n    globalConfig.value = context.value\n  }\n  return context\n}\n\nconst mergeConfig = (\n  a: ConfigProviderContext,\n  b: ConfigProviderContext\n): ConfigProviderContext => {\n  const keys = [...new Set([...keysOf(a), ...keysOf(b)])]\n  const obj: Record<string, any> = {}\n  for (const key of keys) {\n    obj[key] = b[key] !== undefined ? b[key] : a[key]\n  }\n  return obj\n}\n"],"names":["ref","getCurrentInstance","inject","configProviderContextKey","computed","provide","debugWarn","unref","localeContextKey","SIZE_INJECTION_KEY","keysOf"],"mappings":"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"}

package/lib/components/config-provider/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style/css';
+import 'hzzt-plus/theme/hzzt-config-provider.css';

package/lib/components/config-provider/style/css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('hzzt-plus/theme/hzzt-config-provider.css');
+
+//# sourceMappingURL=css.js.map

package/lib/components/config-provider/style/css.js.map

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

package/lib/components/config-provider/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style';
+import 'hzzt-plus/theme/src/config-provider.scss';

package/lib/components/config-provider/style/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/index.js');
+require('hzzt-plus/theme/src/config-provider.scss');
+
+//# sourceMappingURL=index.js.map

package/lib/{packages/components → components/config-provider/style}/index.js.map

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

package/lib/components/dropdown/index.d.ts

@@ -0,0 +1,102 @@
+export declare const HzztDropdown: import("hzzt-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            value: string;
+        };
+    };
+    returnType: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    dProps: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        label: StringConstructor;
+        value: StringConstructor;
+        defaultValue: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        position: {
+            type: StringConstructor;
+            default: string;
+        };
+        props: {
+            type: ObjectConstructor;
+            default: () => {
+                children: string;
+                label: string;
+                value: string;
+            };
+        };
+        returnType: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "change", ...args: any[]) => void;
+    toggle: import("vue").Ref<boolean>;
+    dropToggle: () => void;
+    close: () => void;
+    selectValue: (val: any) => void;
+    vClickOutside: import("vue").ObjectDirective<any, any>;
+    isEmpty: (val: unknown) => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            value: string;
+        };
+    };
+    returnType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    props: Record<string, any>;
+    options: unknown[];
+    defaultValue: unknown[];
+    position: string;
+    returnType: string;
+}>> & Record<string, any>;
+export default HzztDropdown;

package/lib/components/dropdown/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../../utils/index.js');
+var index = require('./src/index.js');
+var install = require('../../utils/vue/install.js');
+
+const HzztDropdown = install.withInstall(index["default"]);
+
+exports.HzztDropdown = HzztDropdown;
+exports["default"] = HzztDropdown;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/dropdown/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Dropdown from './src/index.vue';\n\nexport const HzztDropdown = withInstall(Dropdown);\nexport default HzztDropdown\n"],"names":["withInstall","Dropdown"],"mappings":";;;;;;;;AAEY,MAAC,YAAY,GAAGA,mBAAW,CAACC,gBAAQ;;;;;"}

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

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+require('../../../utils/index.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var types = require('../../../utils/types.js');
+
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "hzzt-dropdown-name" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "caret" }, null, -1);
+const _hoisted_4 = { class: "hzzt-dropdown-menu" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "submenu" };
+const _hoisted_7 = ["onClick"];
+const __default__ = vue.defineComponent({
+  name: "HzztDropDown"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    label: String,
+    value: String,
+    defaultValue: {
+      type: Array,
+      default: () => []
+    },
+    position: {
+      type: String,
+      default: "right"
+    },
+    props: {
+      type: Object,
+      default: () => ({
+        children: "children",
+        label: "label",
+        value: "value"
+      })
+    },
+    returnType: {
+      type: String,
+      default: "Array"
+    }
+  },
+  emits: ["change"],
+  setup(__props, { emit: emits }) {
+    const dProps = __props;
+    const toggle = vue.ref(false);
+    function dropToggle() {
+      toggle.value = !toggle.value;
+    }
+    function close() {
+      toggle.value = false;
+    }
+    function selectValue(val) {
+      if (dProps.returnType === "Array") {
+        emits("change", val);
+      }
+      if (dProps.returnType === "String") {
+        emits("change", val.last);
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
+        onClick: vue.withModifiers(dropToggle, ["stop"]),
+        class: "hzzt-dropdown"
+      }, [
+        vue.createElementVNode("li", {
+          class: vue.normalizeClass({ "hzzt-dropdown-li": true, "hzzt-dropdown-li-show": toggle.value })
+        }, [
+          vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.label), 1),
+          _hoisted_3,
+          vue.createElementVNode("ul", _hoisted_4, [
+            (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
+                }, [
+                  vue.createElementVNode("a", {
+                    onClick: ($event) => selectValue([option[__props.props.value]]),
+                    class: "hzzt-dropdown-menu-item-label"
+                  }, vue.toDisplayString(option[__props.props.label]), 9, _hoisted_5)
+                ], 2)) : (vue.openBlock(), vue.createElementBlock("li", {
+                  key: index + "submenu",
+                  class: "hzzt-dropdown-menu-item hzzt-dropdown-submenu"
+                }, [
+                  vue.createElementVNode("a", _hoisted_6, vue.toDisplayString(option[__props.props.label]), 1),
+                  vue.createElementVNode("ul", {
+                    class: vue.normalizeClass([["pull-" + __props.position], "hzzt-dropdown-menu"])
+                  }, [
+                    (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
+                      }, [
+                        vue.createElementVNode("a", {
+                          onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]]),
+                          class: "hzzt-dropdown-menu-item-label"
+                        }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7)
+                      ], 2);
+                    }), 128))
+                  ], 2)
+                ])),
+                option.divider ? (vue.openBlock(), vue.createElementBlock("li", {
+                  class: "divider",
+                  key: index + "divider"
+                })) : vue.createCommentVNode("v-if", true)
+              ], 64);
+            }), 256))
+          ])
+        ], 2)
+      ], 8, _hoisted_1)), [
+        [vue.unref(elementPlus.ClickOutside), close]
+      ]);
+    };
+  }
+});
+var Dropdown = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "index.vue"]]);
+
+exports["default"] = Dropdown;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/dropdown/src/index.vue.d.ts

@@ -0,0 +1,102 @@
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            value: string;
+        };
+    };
+    returnType: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    dProps: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        label: StringConstructor;
+        value: StringConstructor;
+        defaultValue: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        position: {
+            type: StringConstructor;
+            default: string;
+        };
+        props: {
+            type: ObjectConstructor;
+            default: () => {
+                children: string;
+                label: string;
+                value: string;
+            };
+        };
+        returnType: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "change", ...args: any[]) => void;
+    toggle: import("vue").Ref<boolean>;
+    dropToggle: () => void;
+    close: () => void;
+    selectValue: (val: any) => void;
+    vClickOutside: import("vue").ObjectDirective<any, any>;
+    isEmpty: (val: unknown) => boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    label: StringConstructor;
+    value: StringConstructor;
+    defaultValue: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    position: {
+        type: StringConstructor;
+        default: string;
+    };
+    props: {
+        type: ObjectConstructor;
+        default: () => {
+            children: string;
+            label: string;
+            value: string;
+        };
+    };
+    returnType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    props: Record<string, any>;
+    options: unknown[];
+    defaultValue: unknown[];
+    position: string;
+    returnType: string;
+}>;
+export default _default;

package/lib/components/dropdown/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style/css';
+import 'hzzt-plus/theme/hzzt-dropdown.css';

package/lib/components/dropdown/style/css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+require('../../base/style/css.js');
+require('hzzt-plus/theme/hzzt-dropdown.css');
+
+//# sourceMappingURL=css.js.map

package/lib/components/dropdown/style/css.js.map

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

package/lib/components/dropdown/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style';
+import 'hzzt-plus/theme/src/title.scss';

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

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

package/lib/components/icon/index.d.ts

@@ -0,0 +1,5 @@
+import type { App } from '@vue/runtime-core';
+export declare const HzztIcon: {
+    install(app: App): void;
+};
+export default HzztIcon;

package/lib/components/icon/index.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var Icons__namespace = /*#__PURE__*/_interopNamespace(Icons);
+
+const HzztIcon = {
+  install(app) {
+    app.component("HzztIcon", index["default"]);
+    for (const key in Icons__namespace) {
+      app.component(tarnsElIconName(key), Icons__namespace[key]);
+    }
+  }
+};
+function tarnsElIconName(name) {
+  return "hzzt-el" + name.replace(/[A-Z]/g, (match) => "-" + match.toLocaleLowerCase());
+}
+
+exports.HzztIcon = HzztIcon;
+exports["default"] = HzztIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;;"}

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    type: {
+      type: String,
+      default: "el"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const componentName = vue.computed(() => `hzzt-${props.type}-${props.name}`);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs))), {
+        default: vue.withCtx(() => [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(componentName))))
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+var Icon = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "index.vue"]]);
+
+exports["default"] = Icon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;;;;;;;;;;;;"}