hzzt-plus 1.0.0 → 1.0.2

package/es/components/dropdown/src/index.mjs

@@ -2,6 +2,7 @@ import { createElementVNode, defineComponent, ref, withDirectives, openBlock, cr
 import { ClickOutside } from 'element-plus';
 import '../../../utils/index.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { isEmpty } from '../../../utils/types.mjs';
 
 const _hoisted_1 = ["onClick"];
@@ -18,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
     options: {
-      type: Array,
+      type: definePropType(Array),
       default: () => []
     },
     label: String,
@@ -59,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emits("change", val);
       }
       if (dProps.returnType === "String") {
-        emits("change", val.last);
+        emits("change", val[val.length - 1]);
       }
     }
     return (_ctx, _cache) => {

package/es/components/dropdown/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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":["_defineComponent","_withDirectives","_openBlock","_createElementBlock","_withModifiers","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;AAsDA,CAAA,CAAA,CAAA;AACA,MAAA,4BAA8CA,eAAA,CAAA;AAC9C,EAAA,GAAA,WAAwB;;;AAiCV,MACN,IAAA,EAAA,KAAA;AACR,MAAA,OAAA,EAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,KAAM;AAEN,IAAA,SAAS,WAAa,CAAA,GAAA,EAAA;AACpB,MAAO,IAAA,MAAA,CAAA,UAAgB,KAAA,OAAA,EAAA;AAAA,QACzB,KAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,OAAA;AACE,MAAA,IAAA,MAAe,CAAA,UAAA,KAAA,QAAA,EAAA;AAAA,QACjB,KAAA,CAAA,QAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA;AAEA,OAAA;AACE,KAAI;AACF,IAAA,OAAA,CAAA,YAAgB,KAAG;AAAA,MACrB,OAAAC,cAAA,EAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAA,IAAA,EAAA;AACA,QAAI,KAAA,EAAA;AACF,QAAM,OAAA,EAAAC,aAAkB,CAAA,UAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAC1B,EAAA;AAAA,QACFC,kBAAA,CAAA,IAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","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\">\n  import {ref} from 'vue'\n  import {ClickOutside as vClickOutside} from 'element-plus'\n  import {definePropType, isEmpty} from '@hzzt-plus/utils'\n  import {OptionType} from \"@hzzt-plus/components\";\n\n  const dProps = defineProps({\n    options: {\n      type: definePropType<OptionType[]>(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: Array<string>) {\n    if (dProps.returnType === 'Array') {\n      emits('change', val)\n    }\n    if (dProps.returnType === 'String') {\n      emits('change', val[val.length-1])\n    }\n  }\n</script>\n"],"names":["_defineComponent","_withDirectives","_openBlock","_createElementBlock","_withModifiers","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;AAsDE,CAAA,CAAA,CAAA;AACA,MAAA,4BAA4CA,eAAA,CAAA;AAC5C,EAAA,GAAA;;;AAkCc,MACN,IAAA,EAAA,cAAA,CAAA,KAAA,CAAA;AACR,MAAA,OAAA,EAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,KAAM;AAEN,IAAA,SAAS,WAAa,CAAA,GAAA,EAAA;AACpB,MAAO,IAAA,MAAA,CAAA,UAAgB,KAAA,OAAA,EAAA;AAAA,QACzB,KAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,OAAA;AACE,MAAA,IAAA,MAAe,CAAA,UAAA,KAAA,QAAA,EAAA;AAAA,QACjB,KAAA,CAAA,QAAA,EAAA,GAAA,CAAA,GAAA,CAAA,MAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAEA,OAAA;AACE,KAAI;AACF,IAAA,OAAA,CAAA,YAAgB,KAAG;AAAA,MACrB,OAAAC,cAAA,EAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAA,IAAA,EAAA;AACA,QAAI,KAAA,EAAA;AACF,QAAA,OAAgB,EAAAC,aAAQ,CAAA,UAAQ,EAAC,CAAA,MAAA,CAAA,CAAA;AAAA,OACnC,EAAA;AAAA,QACFC,kBAAA,CAAA,IAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,7 @@
+import { OptionType } from "hzzt-plus/es/components";
 declare const _default: import("vue").DefineComponent<{
     options: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<OptionType[]>;
         default: () => never[];
     };
     label: StringConstructor;
@@ -28,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     dProps: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         options: {
-            type: ArrayConstructor;
+            type: import("vue").PropType<OptionType[]>;
             default: () => never[];
         };
         label: StringConstructor;
@@ -60,12 +61,12 @@ declare const _default: import("vue").DefineComponent<{
     toggle: import("vue").Ref<boolean>;
     dropToggle: () => void;
     close: () => void;
-    selectValue: (val: any) => void;
+    selectValue: (val: Array<string>) => 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;
+        type: import("vue").PropType<OptionType[]>;
         default: () => never[];
     };
     label: StringConstructor;
@@ -94,7 +95,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     props: Record<string, any>;
-    options: unknown[];
+    options: OptionType[];
     defaultValue: unknown[];
     position: string;
     returnType: string;

package/es/components/icon/src/index.vue.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
             $data: {};
             $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 readonly size: {
-                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 readonly size: {
-                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                    readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -90,7 +90,7 @@ declare const _default: import("vue").DefineComponent<{
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
             readonly size: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -107,7 +107,7 @@ declare const _default: import("vue").DefineComponent<{
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         readonly size: {
-            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;

package/es/components/index.d.ts

@@ -11,3 +11,5 @@ export * from './confirm-password';
 export * from './check-button';
 export * from './quarter-picker';
 export * from './scan';
+export * from './select-input';
+export * from './select-textarea';

package/es/components/index.mjs

@@ -11,9 +11,13 @@ export { HzztConfirmPassword } from './confirm-password/index.mjs';
 export { HzztCheckButton } from './check-button/index.mjs';
 export { HzztQuarterPicker } from './quarter-picker/index.mjs';
 export { HzztScan } from './scan/index.mjs';
+export { HzztSelectInput } from './select-input/index.mjs';
+export { HzztSelectTextarea } from './select-textarea/index.mjs';
 export { titleProps } from './title/src/title.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
 export { provideGlobalConfig, useGlobalConfig } from './config-provider/src/hooks/use-global-config.mjs';
 export { scanEmits, scanProps } from './scan/src/scan.mjs';
+export { selectInputEmits, selectInputProps } from './select-input/src/select-input.mjs';
+export { selectTextareaEmits, selectTextareaProps } from './select-textarea/src/select-textarea.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/index.mjs.map

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