zartui 3.0.2 → 3.0.4

package/es/rate/Rate.mjs

@@ -207,7 +207,7 @@ var stdin_default = defineComponent({
       "tabindex": props.disabled ? void 0 : 0,
       "aria-disabled": props.disabled,
       "aria-readonly": props.readonly,
-      "onTouchstart": onTouchStart,
+      "onTouchstartPassive": onTouchStart,
       "onTouchmove": onTouchMove
     }, [list.value.map(renderStar)]);
   }

package/es/rate/index.css

@@ -1 +1 @@
-body{--zt-rate-icon-size: 20px;--zt-rate-icon-gutter: var(--zt-padding-base);--zt-rate-icon-void-color: var(--zt-gray-5);--zt-rate-icon-full-color: var(--zt-yellow);--zt-rate-icon-disabled-color: var(--zt-gray-5)}.zt-rate{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:inline-flex;align-items:center}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:var(--zt-rate-icon-gutter)}.zt-rate__icon{display:block;width:1em;color:var(--zt-rate-icon-void-color);font-size:var(--zt-rate-icon-size)}.zt-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.zt-rate__icon--full{color:var(--zt-rate-icon-full-color)}.zt-rate__icon--disabled{color:var(--zt-rate-icon-disabled-color)}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}
+:root{--zt-rate-icon-size: 20px;--zt-rate-icon-gutter: var(--zt-padding-base);--zt-rate-icon-void-color: var(--zt-gray-5);--zt-rate-icon-full-color: var(--zt-yellow);--zt-rate-icon-disabled-color: var(--zt-gray-5)}.zt-rate{cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:inline-flex;align-items:center}.zt-rate__item{position:relative}.zt-rate__item:not(:last-child){padding-right:var(--zt-rate-icon-gutter)}.zt-rate__icon{display:block;width:1em;color:var(--zt-rate-icon-void-color);font-size:var(--zt-rate-icon-size)}.zt-rate__icon--half{position:absolute;top:0;left:0;overflow:hidden}.zt-rate__icon--full{color:var(--zt-rate-icon-full-color)}.zt-rate__icon--disabled{color:var(--zt-rate-icon-disabled-color)}.zt-rate--disabled{cursor:not-allowed}.zt-rate--readonly{cursor:default}

package/es/rate/index.d.ts

@@ -28,7 +28,7 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
         default: number;
     };
     disabledColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: (NumberConstructor | StringConstructor)[];
     icon: {
         type: import("vue").PropType<string>;
@@ -65,11 +65,11 @@ export declare const Rate: import("../utils").WithInstall<import("vue").DefineCo
     disabled: boolean;
     icon: string;
     modelValue: number;
-    count: string | number;
     readonly: boolean;
+    touchable: boolean;
+    count: string | number;
     voidIcon: string;
     allowHalf: boolean;
-    touchable: boolean;
 }>>;
 export default Rate;
 export type { RateProps } from './Rate';

package/es/row/Row.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ComputedRef, InjectionKey, ExtractPropTypes } from 'vue';
+import type { PropType, ComputedRef, InjectionKey, ExtractPropTypes } from 'vue';
 export declare type RowSpaces = {
     left?: number;
     right: number;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     justify: PropType<RowJustify>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;

package/es/row/index.d.ts

@@ -13,7 +13,7 @@ export declare const Row: import("../utils").WithInstall<import("vue").DefineCom
         default: number;
     };
     justify: import("vue").PropType<import("./Row").RowJustify>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;

package/es/search/Search.d.ts

@@ -0,0 +1,217 @@
+import { type ExtractPropTypes } from 'vue';
+import type { SearchShape } from './types';
+export declare const searchProps: {
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    shape: {
+        type: import("vue").PropType<SearchShape>;
+        default: SearchShape;
+    };
+    value: StringConstructor;
+    label: StringConstructor;
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rightIcon: StringConstructor;
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    background: StringConstructor;
+    inputBackground: StringConstructor;
+    actionText: StringConstructor;
+    showAction: BooleanConstructor;
+};
+export declare type SearchProps = ExtractPropTypes<typeof searchProps>;
+declare const _default: import("vue").DefineComponent<{
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    shape: {
+        type: import("vue").PropType<SearchShape>;
+        default: SearchShape;
+    };
+    value: StringConstructor;
+    label: StringConstructor;
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rightIcon: StringConstructor;
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    background: StringConstructor;
+    inputBackground: StringConstructor;
+    actionText: StringConstructor;
+    showAction: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("../field").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("../field").FieldClearTrigger>;
+        default: import("../field").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("../field").FieldFormatTrigger>;
+        default: import("../field").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    shape: {
+        type: import("vue").PropType<SearchShape>;
+        default: SearchShape;
+    };
+    value: StringConstructor;
+    label: StringConstructor;
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rightIcon: StringConstructor;
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    background: StringConstructor;
+    inputBackground: StringConstructor;
+    actionText: StringConstructor;
+    showAction: BooleanConstructor;
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onClickInput?: ((...args: any[]) => any) | undefined;
+    onClickRightIcon?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+}, {
+    autofocus: boolean;
+    disabled: boolean;
+    shape: SearchShape;
+    leftIcon: string;
+    clearable: boolean;
+    clearIcon: string;
+    modelValue: string | number;
+    clearTrigger: import("../field").FieldClearTrigger;
+    formatTrigger: import("../field").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
+    showAction: boolean;
+}>;
+export default _default;

package/es/search/Search.mjs

@@ -0,0 +1,136 @@
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { ref, defineComponent } from "vue";
+import { pick, extend, truthProp, preventDefault, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { fieldSharedProps } from "../field/Field.mjs";
+import { useId } from "../composables/use-id.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Field } from "../field/index.mjs";
+const [name, bem] = createNamespace("search");
+const searchProps = extend({}, fieldSharedProps, {
+  shape: makeStringProp("round"),
+  value: String,
+  label: String,
+  leftIcon: makeStringProp("search"),
+  rightIcon: String,
+  clearable: truthProp,
+  background: String,
+  inputBackground: String,
+  actionText: String,
+  showAction: Boolean
+});
+var stdin_default = defineComponent({
+  name,
+  props: searchProps,
+  emits: [
+    "blur",
+    "focus",
+    "clear",
+    "search",
+    "cancel",
+    "clickInput",
+    "clickRightIcon",
+    "update:modelValue"
+  ],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const id = useId();
+    const filedRef = ref();
+    const onKeypress = (event) => {
+      const ENTER_CODE = 13;
+      if (event.keyCode === ENTER_CODE) {
+        preventDefault(event);
+        emit("search", props.modelValue);
+      }
+    };
+    function onActionSearch() {
+      if (slots.action) {
+        return;
+      }
+      emit("search", props.modelValue);
+    }
+    const getInputId = () => props.id || `${id}-input`;
+    const renderLabel = () => {
+      if (slots.label || props.label) {
+        return _createVNode("label", {
+          "class": bem("label"),
+          "for": getInputId()
+        }, [slots.label ? slots.label() : props.label]);
+      }
+    };
+    const renderAction = () => {
+      if (props.showAction) {
+        const text = props.actionText || "\u641C\u7D22";
+        return slots.action ? slots.action() : _createVNode("div", {
+          "class": bem("action"),
+          "role": "button",
+          "tabindex": 0,
+          "onClick": onActionSearch
+        }, [text]);
+      }
+    };
+    const blur = () => {
+      var _a;
+      return (_a = filedRef.value) == null ? void 0 : _a.blur();
+    };
+    const focus = () => {
+      var _a;
+      return (_a = filedRef.value) == null ? void 0 : _a.focus();
+    };
+    const onBlur = (event) => emit("blur", event);
+    const onFocus = (event) => emit("focus", event);
+    const onClear = (event) => emit("clear", event);
+    const onClickInput = (event) => emit("clickInput", event);
+    const onClickRightIcon = (event) => emit("clickRightIcon", event);
+    const fieldPropNames = Object.keys(fieldSharedProps);
+    const direction = "horizontal";
+    const renderField = () => {
+      const fieldAttrs = extend({}, attrs, pick(props, fieldPropNames), {
+        id: getInputId(),
+        leftIcon: props.leftIcon,
+        rightIcon: props.rightIcon,
+        direction
+      });
+      const onInput = (value) => emit("update:modelValue", value);
+      return _createVNode(Field, _mergeProps({
+        "class": bem("field"),
+        "ref": filedRef,
+        "type": "search",
+        "border": false,
+        "onBlur": onBlur,
+        "onFocus": onFocus,
+        "onClear": onClear,
+        "onKeypress": onKeypress,
+        "onClickInput": onClickInput,
+        "onClickRightIcon": onClickRightIcon,
+        "onUpdate:modelValue": onInput
+      }, fieldAttrs), pick(slots, ["left-icon", "right-icon"]));
+    };
+    useExpose({
+      focus,
+      blur
+    });
+    return () => {
+      var _a;
+      return _createVNode("div", {
+        "class": bem({
+          "show-action": props.showAction
+        }),
+        "style": {
+          background: props.background
+        }
+      }, [(_a = slots.left) == null ? void 0 : _a.call(slots), _createVNode("div", {
+        "class": bem("content", props.shape),
+        "style": {
+          background: props.inputBackground
+        }
+      }, [renderLabel(), renderField()]), renderAction()]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  searchProps
+};

package/es/search/index.css

@@ -0,0 +1 @@
+:root{--zt-search-padding: 4px var(--zt-padding-md);--zt-search-background: transparent;--zt-search-content-background: var(--zt-gray-a04);--zt-search-input-height: 20px;--zt-search-label-padding: 8px 0 8px 12px;--zt-search-label-color: var(--zt-text-color);--zt-search-label-font-size: var(--zt-font-size-md);--zt-search-left-icon-color: var(--zt-gray-a4);--zt-search-action-padding: 0 var(--zt-padding-md);--zt-search-action-text-color: var(--zt-blue);--zt-search-action-font-size: var(--zt-font-size-md);--zt-search-border-radius-sm: 2px;--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a1);--zt-search-content-border-color: linear-gradient(#fff, rgba(255, 255, 255, .4));--zt-search-round-border: none;--zt-search-placeholder: var(--zt-gray-a2)}.zt-search{display:flex;align-items:center;box-sizing:border-box;padding:var(--zt-search-padding);background-color:var(--zt-search-background)}.zt-search__content{display:flex;flex:1;background-color:var(--zt-search-content-background);border-radius:var(--zt-radius-sm);box-shadow:var(--zt-search-content-box-shadow);padding-left:var(--zt-padding-sm)}.zt-search__content--round{border-radius:var(--zt-radius-max);border:var(--zt-search-round-border)}.zt-search__label{padding:var(--zt-search-label-padding);color:var(--zt-search-label-color);font-size:var(--zt-search-label-font-size);line-height:var(--zt-search-input-height)}.zt-search__field{width:100%}.zt-search .zt-cell--horizontal{background:transparent;padding:8px 16px 8px 0}.zt-search--show-action{padding-right:0}.zt-search input{caret-color:var(--zt-blue)}.zt-search input::-webkit-search-decoration,.zt-search input::-webkit-search-cancel-button,.zt-search input::-webkit-search-results-button,.zt-search input::-webkit-search-results-decoration{display:none}.zt-search input::-webkit-input-placeholder{color:var(--zt-search-placeholder)}.zt-search input::placeholder{color:var(--zt-search-placeholder)}.zt-search__action{padding:var(--zt-search-action-padding);color:var(--zt-search-action-text-color);font-size:var(--zt-search-action-font-size);font-weight:400;height:36px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.zt-search__action:active{background-color:rgba(0,0,0,.04)}.zt-theme-dark{--zt-search-content-background: var(--zt-background);--zt-search-content-box-shadow: inset 4px 4px 8px 0 var(--zt-background);--zt-search-round-border: 1px solid rgba(15, 155, 255, .2)}

package/es/search/index.d.ts

@@ -0,0 +1,159 @@
+import { SearchProps } from './Search';
+export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("..").FieldClearTrigger>;
+        default: import("..").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("..").FieldFormatTrigger>;
+        default: import("..").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    shape: {
+        type: import("vue").PropType<import("./types").SearchShape>;
+        default: import("./types").SearchShape;
+    };
+    value: StringConstructor;
+    label: StringConstructor;
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rightIcon: StringConstructor;
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    background: StringConstructor;
+    inputBackground: StringConstructor;
+    actionText: StringConstructor;
+    showAction: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "focus" | "blur" | "clear" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: StringConstructor;
+    name: StringConstructor;
+    titleIcon: StringConstructor;
+    leftIcon: StringConstructor;
+    rightIcon: StringConstructor;
+    autofocus: BooleanConstructor;
+    clearable: BooleanConstructor;
+    maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
+    placeholder: StringConstructor;
+    autocomplete: StringConstructor;
+    errorMessage: StringConstructor;
+    enterkeyhint: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("..").FieldClearTrigger>;
+        default: import("..").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("..").FieldFormatTrigger>;
+        default: import("..").FieldFormatTrigger;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: null;
+    };
+} & {
+    shape: {
+        type: import("vue").PropType<import("./types").SearchShape>;
+        default: import("./types").SearchShape;
+    };
+    value: StringConstructor;
+    label: StringConstructor;
+    leftIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rightIcon: StringConstructor;
+    clearable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    background: StringConstructor;
+    inputBackground: StringConstructor;
+    actionText: StringConstructor;
+    showAction: BooleanConstructor;
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    onClickInput?: ((...args: any[]) => any) | undefined;
+    onClickRightIcon?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+}, {
+    autofocus: boolean;
+    disabled: boolean;
+    shape: import("./types").SearchShape;
+    leftIcon: string;
+    clearable: boolean;
+    clearIcon: string;
+    modelValue: string | number;
+    clearTrigger: import("..").FieldClearTrigger;
+    formatTrigger: import("..").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
+    showAction: boolean;
+}>>;
+export default Search;
+export { searchProps } from './Search';
+export type { SearchProps };
+export type { SearchShape, SearchInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtSearch: typeof Search;
+    }
+}

package/es/search/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _Search from "./Search.mjs";
+const Search = withInstall(_Search);
+var stdin_default = Search;
+import { searchProps } from "./Search.mjs";
+export {
+  Search,
+  stdin_default as default,
+  searchProps
+};

package/es/search/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/search/style/index.mjs

@@ -0,0 +1,6 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../cell/index.css";
+import "../../field/index.css";
+import "../index.css";

package/es/search/types.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { SearchProps } from './Search';
+export declare type SearchShape = 'square' | 'round';
+export declare type SearchExpose = {
+    focus: () => void;
+    blur: () => void;
+};
+export declare type SearchInstance = ComponentPublicInstance<SearchProps, SearchExpose>;