zartui 3.1.11 → 3.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -23
- package/es/action-sheet/index.css +1 -1
- package/es/avatar/index.css +1 -1
- package/es/badge/index.css +1 -1
- package/es/button/index.css +1 -1
- package/es/calendar/index.css +1 -1
- package/es/calendar/utils.d.ts +2 -2
- package/es/cascader/Cascader.d.ts +1 -1
- package/es/cascader/index.css +1 -1
- package/es/cascader/index.d.ts +1 -1
- package/es/cell/Cell.d.ts +34 -0
- package/es/cell/Cell.mjs +61 -8
- package/es/cell/index.css +1 -1
- package/es/cell/index.d.ts +17 -0
- package/es/cell/style/index.mjs +1 -0
- package/es/cell-group/index.css +1 -1
- package/es/checkbox/Checkbox.d.ts +1 -1
- package/es/checkbox/index.d.ts +1 -1
- package/es/checkbox-group/CheckboxGroup.d.ts +1 -1
- package/es/checkbox-group/index.d.ts +1 -1
- package/es/collapse/Collapse.d.ts +1 -1
- package/es/collapse/index.d.ts +1 -1
- package/es/collapse-item/index.css +1 -1
- package/es/composables/use-touch.d.ts +1 -0
- package/es/composables/use-touch.mjs +8 -1
- package/es/config-provider/types.d.ts +1 -1
- package/es/date-time-picker/DateTimePicker.d.ts +1 -1
- package/es/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
- package/es/date-time-picker/index.d.ts +1 -1
- package/es/dialog/index.css +1 -1
- package/es/divider/index.css +1 -1
- package/es/drawer-select/DrawerSelect.d.ts +68 -0
- package/es/drawer-select/DrawerSelect.mjs +360 -0
- package/es/drawer-select/index.css +1 -0
- package/es/drawer-select/index.d.ts +53 -0
- package/es/drawer-select/index.mjs +8 -0
- package/es/drawer-select/style/index.d.ts +1 -0
- package/es/drawer-select/style/index.mjs +15 -0
- package/es/drawer-select/types.d.ts +26 -0
- package/es/drawer-select/types.mjs +0 -0
- package/es/dropdown-item/DropdownItem.d.ts +1 -1
- package/es/dropdown-item/index.d.ts +1 -1
- package/es/dropdown-item/style/index.mjs +2 -1
- package/es/dropdown-menu/DropdownMenu.mjs +3 -0
- package/es/dropdown-menu/index.css +1 -1
- package/es/field/Field.d.ts +27 -3
- package/es/field/Field.mjs +11 -3
- package/es/field/index.css +1 -1
- package/es/field/index.d.ts +19 -3
- package/es/floating-bubble/FloatingBubble.d.ts +81 -0
- package/es/floating-bubble/FloatingBubble.mjs +181 -0
- package/es/floating-bubble/index.css +1 -0
- package/es/floating-bubble/index.d.ts +63 -0
- package/es/floating-bubble/index.mjs +10 -0
- package/es/floating-bubble/style/index.d.ts +1 -0
- package/es/floating-bubble/style/index.mjs +4 -0
- package/es/floating-bubble/types.d.ts +20 -0
- package/es/floating-bubble/types.mjs +0 -0
- package/es/hierarchy-select/index.css +1 -1
- package/es/image/index.css +1 -1
- package/es/image-preview/index.css +1 -1
- package/es/index.d.ts +3 -1
- package/es/index.mjs +7 -1
- package/es/lazyload/vue-lazyload/index.d.ts +55 -55
- package/es/media-picker/index.css +1 -1
- package/es/media-picker/watermark/image-processor.mjs +2 -2
- package/es/media-player/index.css +1 -1
- package/es/multiple-picker/index.css +1 -1
- package/es/nav-bar/NavBar.d.ts +1 -1
- package/es/nav-bar/index.d.ts +1 -1
- package/es/notice-bar/index.css +1 -1
- package/es/number-keyboard/NumberKeyboard.d.ts +1 -1
- package/es/number-keyboard/index.css +1 -1
- package/es/number-keyboard/index.d.ts +1 -1
- package/es/password-input/index.css +1 -1
- package/es/picker/Picker.d.ts +1 -1
- package/es/picker/index.css +1 -1
- package/es/picker/index.d.ts +1 -1
- package/es/popover/index.css +1 -1
- package/es/popup/index.css +1 -1
- package/es/pull-refresh/PullRefresh.d.ts +1 -1
- package/es/pull-refresh/index.d.ts +1 -1
- package/es/radio-group/RadioGroup.d.ts +1 -1
- package/es/radio-group/index.d.ts +1 -1
- package/es/radio-picker/RadioPicker.d.ts +1 -1
- package/es/radio-picker/index.css +1 -1
- package/es/radio-picker/index.d.ts +1 -1
- package/es/radio-picker/style/index.mjs +3 -3
- package/es/rate/Rate.d.ts +1 -1
- package/es/rate/index.d.ts +1 -1
- package/es/search/Search.d.ts +2 -2
- package/es/search/index.css +1 -1
- package/es/search/index.d.ts +2 -2
- package/es/step/index.css +1 -1
- package/es/stepper/Stepper.d.ts +1 -1
- package/es/stepper/index.css +1 -1
- package/es/stepper/index.d.ts +1 -1
- package/es/steps/index.css +1 -1
- package/es/style/base.css +1 -1
- package/es/style/css-variables.css +1 -1
- package/es/switch/Switch.d.ts +1 -1
- package/es/switch/index.d.ts +1 -1
- package/es/tabbar/Tabbar.d.ts +2 -2
- package/es/tabbar/index.css +1 -1
- package/es/tabbar/index.d.ts +2 -2
- package/es/tabbar-item/index.css +1 -1
- package/es/tabs/Tabs.mjs +4 -2
- package/es/tabs/TabsTitle.mjs +16 -6
- package/es/tabs/index.css +1 -1
- package/es/tag/index.css +1 -1
- package/es/text-ellipsis/TextEllipsis.mjs +2 -0
- package/es/time-picker/TimePicker.d.ts +1 -1
- package/es/time-picker/index.css +1 -1
- package/es/time-picker/index.d.ts +1 -1
- package/es/timeline/index.css +1 -1
- package/es/uploader/index.css +1 -1
- package/es/utils/closest.d.ts +1 -0
- package/es/utils/closest.mjs +8 -0
- package/es/utils/constant.d.ts +1 -1
- package/es/utils/constant.mjs +3 -3
- package/es/utils/index.d.ts +1 -0
- package/es/utils/index.mjs +1 -0
- package/es/utils/validate.d.ts +2 -1
- package/es/utils/validate.mjs +9 -0
- package/es/vue-sfc-shim.d.ts +6 -6
- package/es/vue-tsx-shim.d.ts +23 -23
- package/lib/action-sheet/index.css +1 -1
- package/lib/avatar/index.css +1 -1
- package/lib/badge/index.css +1 -1
- package/lib/button/index.css +1 -1
- package/lib/calendar/index.css +1 -1
- package/lib/calendar/utils.d.ts +2 -2
- package/lib/cascader/Cascader.d.ts +1 -1
- package/lib/cascader/index.css +1 -1
- package/lib/cascader/index.d.ts +1 -1
- package/lib/cell/Cell.d.ts +34 -0
- package/lib/cell/Cell.js +61 -8
- package/lib/cell/index.css +1 -1
- package/lib/cell/index.d.ts +17 -0
- package/lib/cell/style/index.js +1 -0
- package/lib/cell-group/index.css +1 -1
- package/lib/checkbox/Checkbox.d.ts +1 -1
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox-group/CheckboxGroup.d.ts +1 -1
- package/lib/checkbox-group/index.d.ts +1 -1
- package/lib/collapse/Collapse.d.ts +1 -1
- package/lib/collapse/index.d.ts +1 -1
- package/lib/collapse-item/index.css +1 -1
- package/lib/composables/use-touch.d.ts +1 -0
- package/lib/composables/use-touch.js +8 -1
- package/lib/config-provider/types.d.ts +1 -1
- package/lib/date-time-picker/DateTimePicker.d.ts +1 -1
- package/lib/date-time-picker/DateTimePickerWrapper.d.ts +1 -1
- package/lib/date-time-picker/index.d.ts +1 -1
- package/lib/dialog/index.css +1 -1
- package/lib/divider/index.css +1 -1
- package/lib/drawer-select/DrawerSelect.d.ts +68 -0
- package/lib/drawer-select/DrawerSelect.js +389 -0
- package/lib/drawer-select/index.css +1 -0
- package/lib/drawer-select/index.d.ts +53 -0
- package/lib/drawer-select/index.js +37 -0
- package/lib/drawer-select/style/index.d.ts +1 -0
- package/lib/drawer-select/style/index.js +15 -0
- package/lib/drawer-select/types.d.ts +26 -0
- package/lib/drawer-select/types.js +15 -0
- package/lib/dropdown-item/DropdownItem.d.ts +1 -1
- package/lib/dropdown-item/index.d.ts +1 -1
- package/lib/dropdown-item/style/index.js +2 -1
- package/lib/dropdown-menu/DropdownMenu.js +3 -0
- package/lib/dropdown-menu/index.css +1 -1
- package/lib/field/Field.d.ts +27 -3
- package/lib/field/Field.js +11 -3
- package/lib/field/index.css +1 -1
- package/lib/field/index.d.ts +19 -3
- package/lib/floating-bubble/FloatingBubble.d.ts +81 -0
- package/lib/floating-bubble/FloatingBubble.js +210 -0
- package/lib/floating-bubble/index.css +1 -0
- package/lib/floating-bubble/index.d.ts +63 -0
- package/lib/floating-bubble/index.js +39 -0
- package/lib/floating-bubble/style/index.d.ts +1 -0
- package/lib/floating-bubble/style/index.js +4 -0
- package/lib/floating-bubble/types.d.ts +20 -0
- package/lib/floating-bubble/types.js +15 -0
- package/lib/hierarchy-select/index.css +1 -1
- package/lib/image/index.css +1 -1
- package/lib/image-preview/index.css +1 -1
- package/lib/index.css +1 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.js +7 -1
- package/lib/lazyload/vue-lazyload/index.d.ts +55 -55
- package/lib/media-picker/index.css +1 -1
- package/lib/media-picker/watermark/image-processor.js +1 -1
- package/lib/media-player/index.css +1 -1
- package/lib/multiple-picker/index.css +1 -1
- package/lib/nav-bar/NavBar.d.ts +1 -1
- package/lib/nav-bar/index.d.ts +1 -1
- package/lib/notice-bar/index.css +1 -1
- package/lib/number-keyboard/NumberKeyboard.d.ts +1 -1
- package/lib/number-keyboard/index.css +1 -1
- package/lib/number-keyboard/index.d.ts +1 -1
- package/lib/password-input/index.css +1 -1
- package/lib/picker/Picker.d.ts +1 -1
- package/lib/picker/index.css +1 -1
- package/lib/picker/index.d.ts +1 -1
- package/lib/popover/index.css +1 -1
- package/lib/popup/index.css +1 -1
- package/lib/pull-refresh/PullRefresh.d.ts +1 -1
- package/lib/pull-refresh/index.d.ts +1 -1
- package/lib/radio-group/RadioGroup.d.ts +1 -1
- package/lib/radio-group/index.d.ts +1 -1
- package/lib/radio-picker/RadioPicker.d.ts +1 -1
- package/lib/radio-picker/index.css +1 -1
- package/lib/radio-picker/index.d.ts +1 -1
- package/lib/radio-picker/style/index.js +3 -3
- package/lib/rate/Rate.d.ts +1 -1
- package/lib/rate/index.d.ts +1 -1
- package/lib/search/Search.d.ts +2 -2
- package/lib/search/index.css +1 -1
- package/lib/search/index.d.ts +2 -2
- package/lib/step/index.css +1 -1
- package/lib/stepper/Stepper.d.ts +1 -1
- package/lib/stepper/index.css +1 -1
- package/lib/stepper/index.d.ts +1 -1
- package/lib/steps/index.css +1 -1
- package/lib/style/base.css +1 -1
- package/lib/style/css-variables.css +1 -1
- package/lib/switch/Switch.d.ts +1 -1
- package/lib/switch/index.d.ts +1 -1
- package/lib/tabbar/Tabbar.d.ts +2 -2
- package/lib/tabbar/index.css +1 -1
- package/lib/tabbar/index.d.ts +2 -2
- package/lib/tabbar-item/index.css +1 -1
- package/lib/tabs/Tabs.js +4 -2
- package/lib/tabs/TabsTitle.js +16 -6
- package/lib/tabs/index.css +1 -1
- package/lib/tag/index.css +1 -1
- package/lib/text-ellipsis/TextEllipsis.js +2 -0
- package/lib/time-picker/TimePicker.d.ts +1 -1
- package/lib/time-picker/index.css +1 -1
- package/lib/time-picker/index.d.ts +1 -1
- package/lib/timeline/index.css +1 -1
- package/lib/uploader/index.css +1 -1
- package/lib/utils/closest.d.ts +1 -0
- package/lib/utils/closest.js +27 -0
- package/lib/utils/constant.d.ts +1 -1
- package/lib/utils/constant.js +3 -3
- package/lib/utils/index.d.ts +1 -0
- package/lib/utils/index.js +1 -0
- package/lib/utils/validate.d.ts +2 -1
- package/lib/utils/validate.js +9 -0
- package/lib/vue-sfc-shim.d.ts +6 -6
- package/lib/vue-tsx-shim.d.ts +23 -23
- package/lib/web-types.json +1 -1
- package/lib/zartui.cjs.js +3897 -3275
- package/lib/zartui.es.js +3898 -3276
- package/lib/zartui.js +3886 -3264
- package/lib/zartui.min.js +1 -1
- package/package.json +9 -8
package/es/search/index.d.ts
CHANGED
|
@@ -62,7 +62,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
|
|
|
62
62
|
inputBackground: StringConstructor;
|
|
63
63
|
actionText: StringConstructor;
|
|
64
64
|
showAction: BooleanConstructor;
|
|
65
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "
|
|
65
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel")[], "search" | "clear" | "focus" | "blur" | "clickInput" | "clickRightIcon" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
66
66
|
id: StringConstructor;
|
|
67
67
|
name: StringConstructor;
|
|
68
68
|
titleIcon: StringConstructor;
|
|
@@ -141,10 +141,10 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
|
|
|
141
141
|
leftIcon: string;
|
|
142
142
|
clearable: boolean;
|
|
143
143
|
clearIcon: string;
|
|
144
|
-
error: boolean;
|
|
145
144
|
modelValue: string | number;
|
|
146
145
|
clearTrigger: import("..").FieldClearTrigger;
|
|
147
146
|
formatTrigger: import("..").FieldFormatTrigger;
|
|
147
|
+
error: boolean;
|
|
148
148
|
readonly: boolean;
|
|
149
149
|
showAction: boolean;
|
|
150
150
|
}, {}>>;
|
package/es/step/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-step-process-text-color: var(--zt-text-color);--zt-step-line-color: var(--zt-gray-a1);--zt-step-circle-container-background: var(--zt-background-
|
|
1
|
+
:root{--zt-step-process-text-color: var(--zt-text-color);--zt-step-line-color: var(--zt-gray-a1);--zt-step-circle-container-background: var(--zt-background-popup);--zt-step-circle-container-left: 0}:root[zt-theme-size=large]{--zt-step-circle-container-left: 6px}.zt-step{-webkit-user-select:none;user-select:none;position:relative;flex:1}.zt-step__circle{display:block;width:var(--zt-line-height-md);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md);background:var(--zt-gray-a2);border-radius:50%;text-align:center;font-size:var(--zt-font-size-md)}.zt-step__line{position:absolute;background-color:var(--zt-step-line-color);transition:background-color var(--zt-duration-base)}.zt-step--horizontal{float:left}.zt-step--horizontal .zt-step__circle-container{position:absolute;top:10px;left:calc(50% - 10px);z-index:1;background-color:var(--zt-step-circle-container-background);transform:translateY(-50%)}.zt-step--horizontal .zt-step__title{display:inline-block;margin-top:26px;font-size:var(--zt-font-size-md);color:var(--zt-gray-a6);width:100%;text-align:center}.zt-step--horizontal .zt-step__title--active{color:var(--zt-text-color)}.zt-step--horizontal .zt-step__line{top:10px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px}.zt-step--horizontal .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step--horizontal .zt-step--process{color:var(--zt-step-process-text-color)}.zt-step--vertical{display:block;float:none;padding:10px 16px 10px 8px;line-height:var(--zt-line-height-md)}.zt-step--vertical .zt-step__title{font-size:var(--zt-font-size-md);color:var(--zt-gray-a6)}.zt-step--vertical .zt-step__circle-container{position:absolute;top:20px;left:var(--zt-step-circle-container-left);z-index:1;font-size:var(--zt-font-size-sm);line-height:1;transform:translate(-100%,-50%)}.zt-step--vertical .zt-step__line{left:-10px;top:34px;height:calc(100% - 28px);width:1px}.zt-step--vertical .zt-step__icon{display:block;font-size:var(--zt-font-size-sm);left:50%;top:50%;transform:translate(-50%,-50%)}.zt-step:last-child .zt-step__line{width:0}.zt-step__icon,.zt-step__title{transition:color var(--zt-duration-base)}
|
package/es/stepper/Stepper.d.ts
CHANGED
|
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
103
103
|
default: number;
|
|
104
104
|
};
|
|
105
105
|
decimalLength: (NumberConstructor | StringConstructor)[];
|
|
106
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
106
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
107
107
|
min: {
|
|
108
108
|
type: (NumberConstructor | StringConstructor)[];
|
|
109
109
|
default: number;
|
package/es/stepper/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-background-image: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-stepper-box-border: 0;--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-a2);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-gray-a2);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);background-image:var(--zt-stepper-background-image);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-
|
|
1
|
+
:root{--zt-stepper-background: rgba(45, 75, 115, .04);--zt-stepper-background-image: linear-gradient(135deg, #e6ebf0 0%, #ffffff 100%, #ffffff 100%);--zt-stepper-box-border: 0;--zt-stepper-button-icon-color: var(--zt-text-color);--zt-stepper-button-disabled-color: var(--zt-background);--zt-stepper-button-disabled-icon-color: var(--zt-gray-a2);--zt-stepper-button-round-theme-color: var(--zt-primary-color);--zt-stepper-button-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0px rgba(45, 75, 115, .1);--zt-stepper-input-width: 60px;--zt-stepper-input-height: 32px;--zt-stepper-input-text-color: var(--zt-text-color);--zt-stepper-input-disabled-text-color: var(--zt-gray-a2);--zt-stepper-input-disabled-background: var(--zt-active-color);--zt-stepper-input-box-shadow: inset 4px 4px 8px -4px rgba(45, 75, 115, .1);--zt-stepper-radius: var(--zt-radius-max)}.zt-stepper{display:inline-block;-webkit-user-select:none;user-select:none}.zt-stepper__could-click:active{box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-stepper__minus,.zt-stepper__plus{display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;width:var(--zt-stepper-input-height);height:var(--zt-stepper-input-height);margin:0;padding:0;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);background-image:var(--zt-stepper-background-image);box-shadow:var(--zt-stepper-button-box-shadow)}.zt-stepper__minus i,.zt-stepper__plus i{transform:scale(.625)}.zt-stepper__minus--disabled,.zt-stepper__plus--disabled{color:var(--zt-stepper-button-disabled-icon-color);background-color:var(--zt-stepper-button-disabled-color);cursor:not-allowed}.zt-stepper__minus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__minus:after{display:none}.zt-stepper__plus{border-radius:var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius) var(--zt-stepper-radius)}.zt-stepper__input{box-sizing:border-box;width:var(--zt-stepper-input-width);height:var(--zt-stepper-input-height);margin:0 12px;padding:4px;color:var(--zt-stepper-input-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);text-align:center;vertical-align:middle;background:var(--zt-stepper-background);border:var(--zt-stepper-box-border);border-radius:var(--zt-radius-gt);box-shadow:var(--zt-stepper-input-box-shadow);-webkit-appearance:none}.zt-stepper__input:disabled{color:var(--zt-stepper-input-disabled-text-color);background:var(--zt-stepper-input-disabled-background);-webkit-text-fill-color:var(--zt-stepper-input-disabled-text-color);opacity:1}.zt-stepper__input:read-only{cursor:default}.zt-stepper--round .zt-stepper__input{background-color:transparent}.zt-stepper--round .zt-stepper__plus,.zt-stepper--round .zt-stepper__minus{border-radius:100%}.zt-stepper--round .zt-stepper__plus--disabled,.zt-stepper--round .zt-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.zt-stepper--round .zt-stepper__plus{color:var(--zt-white);background:var(--zt-stepper-button-round-theme-color)}.zt-stepper--round .zt-stepper__minus{color:var(--zt-stepper-button-round-theme-color);background-color:var(--zt-background-popup);border:1px solid var(--zt-stepper-button-round-theme-color)}.zt-theme-dark{--zt-stepper-background: #19232d;--zt-stepper-background-image: linear-gradient(135deg, #0e1824 0%, #203043 100%);--zt-stepper-box-border: 1px solid rgba(255, 255, 255, .12);--zt-stepper-button-box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .12), 0 0 3px 0 rgba(0, 12, 24, .8);--zt-stepper-input-disabled-background: linear-gradient(147deg, #0e1824 0%, #203043 100%)}
|
package/es/stepper/index.d.ts
CHANGED
|
@@ -48,7 +48,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
|
|
|
48
48
|
default: number;
|
|
49
49
|
};
|
|
50
50
|
decimalLength: (NumberConstructor | StringConstructor)[];
|
|
51
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
51
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
52
52
|
min: {
|
|
53
53
|
type: (NumberConstructor | StringConstructor)[];
|
|
54
54
|
default: number;
|
package/es/steps/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-steps-background: var(--zt-background-
|
|
1
|
+
:root{--zt-steps-background: var(--zt-background-popup);--zt-steps-vertical-title-color: rgba(0, 0, 0, .4);--zt-steps-horizontal-padding: var(--zt-padding-xs)}:root[zt-theme-size=large]{--zt-steps-horizontal-padding: 14px}.zt-steps{overflow:hidden;background-color:var(--zt-steps-background);margin:12px;border:0 solid rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px}.zt-steps--horizontal{padding:var(--zt-steps-horizontal-padding) 0}.zt-steps--horizontal .zt-steps__items{position:relative;display:flex}.zt-steps--vertical{padding:0 0 0 var(--zt-padding-xl)}.zt-theme-dark{--zt-steps-vertical-title-color: rgba(255, 255, 255, .4)}
|
package/es/style/base.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-green-r: 40;--zt-green-g: 205;--zt-green-b: 120;--zt-green-rgb: var(--zt-green-r), var(--zt-green-g), var(--zt-green-b);--zt-
|
|
1
|
+
:root{--zt-green-r: 40;--zt-green-g: 205;--zt-green-b: 120;--zt-green-rgb: var(--zt-green-r), var(--zt-green-g), var(--zt-green-b);--zt-orange-r: 255;--zt-orange-g: 150;--zt-orange-b: 35;--zt-orange-rgb: var(--zt-orange-r), var(--zt-orange-g), var(--zt-orange-b);--zt-yellow-r: 255;--zt-yellow-g: 205;--zt-yellow-b: 35;--zt-yellow-rgb: var(--zt-yellow-r), var(--zt-yellow-g), var(--zt-yellow-b);--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: rgb(var(--zt-orange-rgb));--zt-green: rgb(var(--zt-green-rgb));--zt-yellow: rgb(var(--zt-yellow-rgb));--zt-text-color-rgb: var(--zt-gray-rgb);--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a2: rgba(var(--zt-primary-color-rgb), .2);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: #edf3fa;--zt-background-popup: var(--zt-white);--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-xl: 18px;--zt-font-size-xxl: 20px;--zt-font-size-xxxl: 22px;--zt-line-height-xs: calc(2 * var(--zt-font-size-xs) - 8px);--zt-line-height-sm: calc(2 * var(--zt-font-size-sm) - 8px);--zt-line-height-md: calc(2 * var(--zt-font-size-md) - 8px);--zt-line-height-lg: calc(2 * var(--zt-font-size-lg) - 8px);--zt-line-height-xl: calc(2 * var(--zt-font-size-xl) - 8px);--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}:root[zt-theme-size=large]{--zt-font-size-sm: 18px;--zt-font-size-md: 20px;--zt-font-size-lg: 22px;--zt-font-size-xl: 24px;--zt-font-size-xxl: 26px;--zt-font-size-xxxl: 28px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-popup: #19232d;--zt-background-2: #19232d;--zt-background-card: var(--zt-gray-a04)}html{-webkit-tap-highlight-color:transparent}:root{margin:0;font-family:var(--zt-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=zt-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes zt-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes zt-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes zt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes zt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zt-fade-enter-active{animation:var(--zt-duration-base) zt-fade-in both var(--zt-ease-out)}.zt-fade-leave-active{animation:var(--zt-duration-base) zt-fade-out both var(--zt-ease-in)}.zt-slide-up-enter-active{animation:zt-slide-up-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-up-leave-active{animation:zt-slide-up-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-down-enter-active{animation:zt-slide-down-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-down-leave-active{animation:zt-slide-down-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-left-enter-active{animation:zt-slide-left-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-left-leave-active{animation:zt-slide-left-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-right-enter-active{animation:zt-slide-right-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-right-leave-active{animation:zt-slide-right-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-clearfix:after{display:table;clear:both;content:""}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.zt-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-haptics-feedback{cursor:pointer}.zt-haptics-feedback:active{opacity:var(--zt-active-opacity)}[class*=zt-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-hairline,.zt-hairline--top,.zt-hairline--left,.zt-hairline--right,.zt-hairline--bottom,.zt-hairline--surround,.zt-hairline--top-bottom{position:relative}.zt-hairline--top:after{border-top-width:var(--zt-border-width)}.zt-hairline--left:after{border-left-width:var(--zt-border-width)}.zt-hairline--right:after{border-right-width:var(--zt-border-width)}.zt-hairline--bottom:after{border-bottom-width:var(--zt-border-width)}.zt-hairline--top-bottom:after,.zt-hairline-unset--top-bottom:after{border-width:var(--zt-border-width) 0}.zt-hairline--surround:after{border-width:var(--zt-border-width)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-green-r: 40;--zt-green-g: 205;--zt-green-b: 120;--zt-green-rgb: var(--zt-green-r), var(--zt-green-g), var(--zt-green-b);--zt-
|
|
1
|
+
:root{--zt-green-r: 40;--zt-green-g: 205;--zt-green-b: 120;--zt-green-rgb: var(--zt-green-r), var(--zt-green-g), var(--zt-green-b);--zt-orange-r: 255;--zt-orange-g: 150;--zt-orange-b: 35;--zt-orange-rgb: var(--zt-orange-r), var(--zt-orange-g), var(--zt-orange-b);--zt-yellow-r: 255;--zt-yellow-g: 205;--zt-yellow-b: 35;--zt-yellow-rgb: var(--zt-yellow-r), var(--zt-yellow-g), var(--zt-yellow-b);--zt-blue-r: 0;--zt-blue-g: 145;--zt-blue-b: 250;--zt-blue-rgb: var(--zt-blue-r), var(--zt-blue-g), var(--zt-blue-b);--zt-gray-r: 45;--zt-gray-g: 75;--zt-gray-b: 115;--zt-gray-rgb: var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b);--zt-red-r: 255;--zt-red-g: 80;--zt-red-b: 35;--zt-red-rgb: var(--zt-red-r), var(--zt-red-g), var(--zt-red-b);--zt-primary-color-r: 0;--zt-primary-color-g: 145;--zt-primary-color-b: 250;--zt-primary-color-rgb: var(--zt-primary-color-r), var(--zt-primary-color-g), var(--zt-primary-color-b);--zt-black: #000;--zt-white: #fff;--zt-gray: rgb(var(--zt-gray-rgb));--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #323233;--zt-gray-a04: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .04);--zt-gray-a06: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .06);--zt-gray-a08: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .08);--zt-gray-a1: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .1);--zt-gray-a2: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .2);--zt-gray-a4: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .4);--zt-gray-a6: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .6);--zt-gray-a8: rgb(var(--zt-gray-r), var(--zt-gray-g), var(--zt-gray-b), .8);--zt-red: rgb(var(--zt-red-rgb));--zt-blue: rgb(var(--zt-blue-rgb));--zt-orange: rgb(var(--zt-orange-rgb));--zt-green: rgb(var(--zt-green-rgb));--zt-yellow: rgb(var(--zt-yellow-rgb));--zt-text-color-rgb: var(--zt-gray-rgb);--zt-primary-color: rgb(var(--zt-primary-color-rgb));--zt-primary-color-light: rgb(var(--zt-primary-color-r), calc(var(--zt-primary-color-g) + 30), var(--zt-primary-color-b));--zt-primary-color-a1: rgba(var(--zt-primary-color-rgb), .1);--zt-primary-color-a2: rgba(var(--zt-primary-color-rgb), .2);--zt-primary-color-a6: rgba(var(--zt-primary-color-rgb), .6);--zt-success-color: var(--zt-green);--zt-danger-color: var(--zt-red);--zt-warning-color: var(--zt-orange);--zt-text-color: var(--zt-gray);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-placeholder-color: var(--zt-gray-a2);--zt-active-color: var(--zt-gray-a2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: #edf3fa;--zt-background-popup: var(--zt-white);--zt-background-card: var(--zt-white);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-font-size-xl: 18px;--zt-font-size-xxl: 20px;--zt-font-size-xxxl: 22px;--zt-line-height-xs: calc(2 * var(--zt-font-size-xs) - 8px);--zt-line-height-sm: calc(2 * var(--zt-font-size-sm) - 8px);--zt-line-height-md: calc(2 * var(--zt-font-size-md) - 8px);--zt-line-height-lg: calc(2 * var(--zt-font-size-lg) - 8px);--zt-line-height-xl: calc(2 * var(--zt-font-size-xl) - 8px);--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-a1);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}:root[zt-theme-size=large]{--zt-font-size-sm: 18px;--zt-font-size-md: 20px;--zt-font-size-lg: 22px;--zt-font-size-xl: 24px;--zt-font-size-xxl: 26px;--zt-font-size-xxxl: 28px}.zt-theme-dark{--zt-gray-r: 255;--zt-gray-g: 255;--zt-gray-b: 255;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-background: #0f1923;--zt-background-popup: #19232d;--zt-background-2: #19232d;--zt-background-card: var(--zt-gray-a04)}
|
package/es/switch/Switch.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
31
31
|
type: import("vue").PropType<unknown>;
|
|
32
32
|
default: unknown;
|
|
33
33
|
};
|
|
34
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
34
|
+
}, () => 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<ExtractPropTypes<{
|
|
35
35
|
size: (NumberConstructor | StringConstructor)[];
|
|
36
36
|
loading: BooleanConstructor;
|
|
37
37
|
disabled: BooleanConstructor;
|
package/es/switch/index.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export declare const Switch: import("../utils").WithInstall<import("vue").Define
|
|
|
13
13
|
type: import("vue").PropType<unknown>;
|
|
14
14
|
default: unknown;
|
|
15
15
|
};
|
|
16
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
16
|
+
}, () => 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<{
|
|
17
17
|
size: (NumberConstructor | StringConstructor)[];
|
|
18
18
|
loading: BooleanConstructor;
|
|
19
19
|
disabled: BooleanConstructor;
|
package/es/tabbar/Tabbar.d.ts
CHANGED
|
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
53
53
|
type: PropType<boolean | null>;
|
|
54
54
|
default: null;
|
|
55
55
|
};
|
|
56
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
56
|
+
}, () => 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<ExtractPropTypes<{
|
|
57
57
|
route: BooleanConstructor;
|
|
58
58
|
fixed: {
|
|
59
59
|
type: BooleanConstructor;
|
|
@@ -82,8 +82,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
82
82
|
}, {
|
|
83
83
|
fixed: boolean;
|
|
84
84
|
border: boolean;
|
|
85
|
-
modelValue: string | number;
|
|
86
85
|
placeholder: boolean;
|
|
86
|
+
modelValue: string | number;
|
|
87
87
|
safeAreaInsetBottom: boolean | null;
|
|
88
88
|
route: boolean;
|
|
89
89
|
}, {}>;
|
package/es/tabbar/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-tabbar-height: 66px;--zt-tabbar-z-index: 1;--zt-tabbar-background: var(--zt-background-
|
|
1
|
+
:root{--zt-tabbar-height: 66px;--zt-tabbar-z-index: 1;--zt-tabbar-background: var(--zt-background-popup)}.zt-tabbar{z-index:var(--zt-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--zt-tabbar-height);background:var(--zt-tabbar-background)}.zt-tabbar--fixed{position:fixed;bottom:0;left:0}
|
package/es/tabbar/index.d.ts
CHANGED
|
@@ -21,7 +21,7 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
|
|
|
21
21
|
type: import("vue").PropType<boolean | null>;
|
|
22
22
|
default: null;
|
|
23
23
|
};
|
|
24
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
24
|
+
}, () => 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<{
|
|
25
25
|
route: BooleanConstructor;
|
|
26
26
|
fixed: {
|
|
27
27
|
type: BooleanConstructor;
|
|
@@ -50,8 +50,8 @@ export declare const Tabbar: import("../utils").WithInstall<import("vue").Define
|
|
|
50
50
|
}, {
|
|
51
51
|
fixed: boolean;
|
|
52
52
|
border: boolean;
|
|
53
|
-
modelValue: string | number;
|
|
54
53
|
placeholder: boolean;
|
|
54
|
+
modelValue: string | number;
|
|
55
55
|
safeAreaInsetBottom: boolean | null;
|
|
56
56
|
route: boolean;
|
|
57
57
|
}, {}>>;
|
package/es/tabbar-item/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%);--zt-tabbar-item-icon-active-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a2);--zt-tabbar-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-tabbar-item-icon-font-size: 30px}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-font-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius);box-sizing:border-box}.zt-tabbar-item__icon:active{background:
|
|
1
|
+
:root{--zt-tabbar-item-text-color: var(--zt-gray-a6);--zt-tabbar-item-active-color: var(--zt-primary-color);--zt-tabbar-item-margin: 8px auto 6px;--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 #ffffff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-tabbar-item-box-width: 36px;--zt-tabbar-item-box-height: 36px;--zt-tabbar-item-box-border-radius: var(--zt-radius-lg);--zt-tabbar-item-icon-border: 0;--zt-tabbar-item-text-padding-top: 4px;--zt-tabbar-item-text-height: 12px;--zt-tabbar-item-icon-background: linear-gradient(135deg, #f0f0f0 0%, #ffffff 100%);--zt-tabbar-item-icon-active-background: var(--zt-gray-a04);--zt-tabbar-item-icon-active-box-shadow: inset 4px 4px 8px 0 var(--zt-gray-a2);--zt-tabbar-item-icon-font-size: 24px}:root[zt-theme-size=large]{--zt-tabbar-item-icon-font-size: 30px}.zt-tabbar-item{color:var(--zt-tabbar-item-text-color);margin:var(--zt-tabbar-item-margin);-webkit-text-size-adjust:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.zt-tabbar-item__icon{font-size:var(--zt-tabbar-item-icon-font-size);border:var(--zt-tabbar-item-icon-border);display:flex;justify-content:center;align-items:center;width:var(--zt-tabbar-item-box-width);height:var(--zt-tabbar-item-box-height);box-shadow:var(--zt-tabbar-item-icon-box-shadow);background:var(--zt-tabbar-item-icon-background);border-radius:var(--zt-tabbar-item-box-border-radius);box-sizing:border-box}.zt-tabbar-item__icon:active{background:var(--zt-tabbar-item-icon-active-background);box-shadow:var(--zt-tabbar-item-icon-active-box-shadow)}.zt-tabbar-item__text{font-size:var(--zt-font-size-sm);padding-top:var(--zt-tabbar-item-text-padding-top);transform:scale(.83333);text-align:center;height:var(--zt-tabbar-item-text-height);line-height:var(--zt-tabbar-item-text-height)}.zt-tabbar-item--active{color:var(--zt-tabbar-item-active-color);font-weight:var(--zt-font-bold)}.zt-theme-dark{--zt-tabbar-item-text-color: var(--zt-gray);--zt-tabbar-item-icon-border: 1px solid rgba(151, 151, 151, .12);--zt-tabbar-item-icon-box-shadow: -4px -4px 8px 0 rgba(255, 255, 255, .12), 4px 4px 8px 0 rgba(0, 12, 24, .8);--zt-tabbar-item-icon-background: linear-gradient(135deg, #121d2a 0%, #1d2c3d 100%);--zt-tabbar-item-icon-active-box-shadow: inset 6px 6px 6px 0 #000d1b}
|
package/es/tabs/Tabs.mjs
CHANGED
|
@@ -31,7 +31,7 @@ const tabsProps = {
|
|
|
31
31
|
lineWidth: numericProp,
|
|
32
32
|
lineHeight: numericProp,
|
|
33
33
|
beforeChange: Function,
|
|
34
|
-
swipeThreshold: makeNumericProp(
|
|
34
|
+
swipeThreshold: makeNumericProp(3),
|
|
35
35
|
titleActiveColor: String,
|
|
36
36
|
titleInactiveColor: String
|
|
37
37
|
};
|
|
@@ -243,7 +243,9 @@ var stdin_default = defineComponent({
|
|
|
243
243
|
"inactiveColor": props.titleInactiveColor,
|
|
244
244
|
"onClick": (event) => onClickTab(item, index, event)
|
|
245
245
|
}, pick(item, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
|
|
246
|
-
title: item.$slots.title
|
|
246
|
+
title: item.$slots.title,
|
|
247
|
+
prefix: item.$slots.prefix,
|
|
248
|
+
suffix: item.$slots.suffix
|
|
247
249
|
}));
|
|
248
250
|
const renderLine = () => {
|
|
249
251
|
if (props.type === "line" && children.length) {
|
package/es/tabs/TabsTitle.mjs
CHANGED
|
@@ -22,7 +22,7 @@ var stdin_default = defineComponent({
|
|
|
22
22
|
showZeroBadge: truthProp,
|
|
23
23
|
maxWidth: {
|
|
24
24
|
type: String,
|
|
25
|
-
default: "
|
|
25
|
+
default: "112px"
|
|
26
26
|
}
|
|
27
27
|
},
|
|
28
28
|
setup(props, {
|
|
@@ -37,7 +37,8 @@ var stdin_default = defineComponent({
|
|
|
37
37
|
isActive,
|
|
38
38
|
activeColor,
|
|
39
39
|
inactiveColor,
|
|
40
|
-
maxWidth
|
|
40
|
+
maxWidth,
|
|
41
|
+
scrollable
|
|
41
42
|
} = props;
|
|
42
43
|
const isCard = type === "card";
|
|
43
44
|
if (color && isCard) {
|
|
@@ -54,13 +55,21 @@ var stdin_default = defineComponent({
|
|
|
54
55
|
if (titleColor) {
|
|
55
56
|
style2.color = titleColor;
|
|
56
57
|
}
|
|
57
|
-
|
|
58
|
+
if (!scrollable) {
|
|
59
|
+
style2.maxWidth = maxWidth;
|
|
60
|
+
} else {
|
|
61
|
+
const OPTIONS_LABEL_PADDING = 24;
|
|
62
|
+
const LIMIT_WORDS_LEN = 7;
|
|
63
|
+
const FONT_SIZE = isActive ? 16 : 14;
|
|
64
|
+
const scrollAbleWidth = OPTIONS_LABEL_PADDING + LIMIT_WORDS_LEN * FONT_SIZE + "px";
|
|
65
|
+
style2.maxWidth = scrollAbleWidth;
|
|
66
|
+
}
|
|
58
67
|
return style2;
|
|
59
68
|
});
|
|
60
69
|
const renderText = () => {
|
|
61
70
|
const Text = _createVNode("span", {
|
|
62
71
|
"class": bem("text", {
|
|
63
|
-
ellipsis:
|
|
72
|
+
ellipsis: true
|
|
64
73
|
})
|
|
65
74
|
}, [slots.title ? slots.title() : props.title]);
|
|
66
75
|
if (props.dot || isDef(props.badge) && props.badge !== "") {
|
|
@@ -83,12 +92,13 @@ var stdin_default = defineComponent({
|
|
|
83
92
|
active: props.isActive,
|
|
84
93
|
disabled: props.disabled
|
|
85
94
|
}])],
|
|
86
|
-
"style": style.value,
|
|
87
95
|
"tabindex": props.disabled ? void 0 : props.isActive ? 0 : -1,
|
|
88
96
|
"aria-selected": props.isActive,
|
|
89
97
|
"aria-disabled": props.disabled || void 0,
|
|
90
98
|
"aria-controls": props.controls
|
|
91
|
-
}, [
|
|
99
|
+
}, [slots.prefix ? slots.prefix() : null, _createVNode("div", {
|
|
100
|
+
"style": style.value
|
|
101
|
+
}, [renderText()]), slots.suffix ? slots.suffix() : null]);
|
|
92
102
|
}
|
|
93
103
|
});
|
|
94
104
|
export {
|
package/es/tabs/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-tab-active-text-color: var(--zt-text-color);--zt-tab-disabled-text-color: var(--zt-text-color-3);--zt-tab-active-opacity: .2;--zt-tabs-default-color: var(--zt-primary-color);--zt-tabs-line-height: 44px;--zt-tabs-line-bottom: 16px;--zt-tabs-card-height: 32px;--zt-tabs-bottom-bar-width: 12px;--zt-tabs-bottom-bar-height: 4px;--zt-tabs-bottom-bar-color: var(--zt-primary-color);--zt-tabs-bottom-bar-radius: 2px;--zt-tabs-nav-background: var(--zt-background);--zt-tab-text-color: var(--zt-gray-a6);--zt-tabs-overlay-left-background: linear-gradient(90deg, #ffffff 0%, rgba(245, 250, 255, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)}.zt-tab{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--zt-padding-md);color:var(--zt-tab-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);cursor:pointer}.zt-tab--active{color:var(--zt-tab-active-text-color);font-size:var(--zt-font-size-lg);font-weight:var(--zt-font-bold)}.zt-tab--active:active{opacity:var(--zt-tab-active-opacity)}.zt-tab--disabled{color:var(--zt-tab-disabled-text-color);cursor:not-allowed;font-size:var(--zt-font-size-md)}.zt-tab--grow{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tab--shrink{flex:none;padding:0 var(--zt-padding-xs)}.zt-tab--card{color:var(--zt-tabs-default-color)}.zt-tab--card.zt-tab--active{color:var(--zt-white);background-color:var(--zt-tabs-default-color)}.zt-tab--card--disabled{color:var(--zt-tab-disabled-text-color)}.zt-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt-tab__text-wrapper,.zt-tabs{position:relative}.zt-tabs__wrap{overflow:hidden;position:relative}.zt-tabs__wrap--page-top{position:fixed}.zt-tabs__wrap--content-bottom{top:auto;bottom:0}.zt-tabs__overlay-left,.zt-tabs__overlay-right{position:absolute;top:0;width:var(--zt-tabs-line-height);height:var(--zt-tabs-line-height);pointer-events:none}.zt-tabs__overlay-left{left:0;background:var(--zt-tabs-overlay-left-background)}.zt-tabs__overlay-right{right:0;background:var(--zt-tabs-overlay-right-background)}.zt-tabs__nav{position:relative;display:flex;justify-content:flex-start;background-color:var(--zt-tabs-nav-background);-webkit-user-select:none;user-select:none}.zt-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--complete::-webkit-scrollbar{display:none}.zt-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:var(--zt-tabs-line-bottom)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tab,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tab{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav::-webkit-scrollbar,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav::-webkit-scrollbar{display:none}.zt-tabs__nav--card.zt-tabs__nav--shrink{display:inline-flex}.zt-tabs__line{position:absolute;bottom:var(--zt-tabs-line-bottom);left:0;z-index:1;width:var(--zt-tabs-bottom-bar-width);height:var(--zt-tabs-bottom-bar-height);background:var(--zt-tabs-bottom-bar-color);border-radius:var(--zt-tabs-bottom-bar-radius)}.zt-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.zt-tabs__content--animated{overflow:hidden}.zt-tabs--line .zt-tabs__wrap{height:var(--zt-tabs-line-height)}.zt-tabs--card>.zt-tabs__wrap{height:var(--zt-tabs-card-height)}.zt-theme-dark{--zt-tabs-overlay-left-background: linear-gradient(90deg, #0f1923 0%, rgba(15, 25, 35, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(15, 25, 35, 0) 3%, #0f1923 100%)}
|
|
1
|
+
:root{--zt-tab-active-text-color: var(--zt-text-color);--zt-tab-disabled-text-color: var(--zt-text-color-3);--zt-tab-active-opacity: .2;--zt-tabs-default-color: var(--zt-primary-color);--zt-tabs-line-height: 44px;--zt-tabs-line-bottom: 16px;--zt-tabs-card-height: 32px;--zt-tabs-bottom-bar-width: 12px;--zt-tabs-bottom-bar-height: 4px;--zt-tabs-bottom-bar-color: var(--zt-primary-color);--zt-tabs-bottom-bar-radius: 2px;--zt-tabs-nav-background: var(--zt-background);--zt-tab-text-color: var(--zt-gray-a6);--zt-tabs-overlay-left-background: linear-gradient(90deg, #ffffff 0%, rgba(245, 250, 255, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%)}.zt-tab{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 var(--zt-padding-md);color:var(--zt-tab-text-color);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);cursor:pointer}.zt-tab--active{color:var(--zt-tab-active-text-color);font-size:var(--zt-font-size-lg);font-weight:var(--zt-font-bold)}.zt-tab--active:active{opacity:var(--zt-tab-active-opacity)}.zt-tab--disabled{color:var(--zt-tab-disabled-text-color);cursor:not-allowed;font-size:var(--zt-font-size-md)}.zt-tab--grow{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tab--shrink{flex:none;padding:0 var(--zt-padding-xs)}.zt-tab--card{color:var(--zt-tabs-default-color)}.zt-tab--card.zt-tab--active{color:var(--zt-white);background-color:var(--zt-tabs-default-color)}.zt-tab--card--disabled{color:var(--zt-tab-disabled-text-color)}.zt-tab__text--ellipsis{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.zt-tab__text-wrapper,.zt-tabs{position:relative}.zt-tabs__wrap{overflow:hidden;position:relative}.zt-tabs__wrap--page-top{position:fixed}.zt-tabs__wrap--content-bottom{top:auto;bottom:0}.zt-tabs__overlay-left,.zt-tabs__overlay-right{position:absolute;top:0;width:var(--zt-tabs-line-height);height:var(--zt-tabs-line-height);pointer-events:none}.zt-tabs__overlay-left{left:0;background:var(--zt-tabs-overlay-left-background)}.zt-tabs__overlay-right{right:0;background:var(--zt-tabs-overlay-right-background)}.zt-tabs__nav{position:relative;display:flex;justify-content:flex-start;background-color:var(--zt-tabs-nav-background);-webkit-user-select:none;user-select:none}.zt-tabs__nav--complete{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--complete::-webkit-scrollbar{display:none}.zt-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:var(--zt-tabs-line-bottom)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tab,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tab{flex:1 0 auto;padding:0 var(--zt-padding-sm)}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.zt-tabs__nav--line.zt-tabs__nav--shrink .zt-tabs__nav::-webkit-scrollbar,.zt-tabs__nav--line.zt-tabs__nav--complete .zt-tabs__nav::-webkit-scrollbar{display:none}.zt-tabs__nav--card.zt-tabs__nav--shrink{display:inline-flex}.zt-tabs__line{position:absolute;bottom:var(--zt-tabs-line-bottom);left:0;z-index:1;width:var(--zt-tabs-bottom-bar-width);height:var(--zt-tabs-bottom-bar-height);background:var(--zt-tabs-bottom-bar-color);border-radius:var(--zt-tabs-bottom-bar-radius)}.zt-tabs__track{position:relative;display:flex;width:100%;height:100%;will-change:left}.zt-tabs__content--animated{overflow:hidden}.zt-tabs--line .zt-tabs__wrap{height:var(--zt-tabs-line-height)}.zt-tabs--card>.zt-tabs__wrap{height:var(--zt-tabs-card-height);display:flex;justify-content:center}.zt-theme-dark{--zt-tabs-overlay-left-background: linear-gradient(90deg, #0f1923 0%, rgba(15, 25, 35, 0) 100%);--zt-tabs-overlay-right-background: linear-gradient(90deg, rgba(15, 25, 35, 0) 3%, #0f1923 100%)}
|
package/es/tag/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-tag-text-color: var(--zt-white);--zt-tag-radius: 2px;--zt-tag-icon-gap: 2px;--zt-tag-icon-size: 16px;--zt-tag-round-radius: 12px;--zt-tag-badge-padding: 0 var(--zt-padding-sm);--zt-tag-closeable-background: var(--zt-gray-a6);--zt-tag-closeable-height: 28px;--zt-tag-danger-color: var(--zt-danger-color);--zt-tag-primary-color: var(--zt-primary-color);--zt-tag-success-color: var(--zt-success-color);--zt-tag-warning-color: var(--zt-warning-color);--zt-tag-default-color: var(--zt-gray-a08);--zt-tag-plain-background: var(--zt-background-
|
|
1
|
+
:root{--zt-tag-text-color: var(--zt-white);--zt-tag-radius: 2px;--zt-tag-icon-gap: 2px;--zt-tag-icon-size: 16px;--zt-tag-round-radius: 12px;--zt-tag-round-height: 24px;--zt-tag-badge-padding: 0 var(--zt-padding-sm);--zt-tag-closeable-background: var(--zt-gray-a6);--zt-tag-closeable-height: 28px;--zt-tag-danger-color: var(--zt-danger-color);--zt-tag-primary-color: var(--zt-primary-color);--zt-tag-success-color: var(--zt-success-color);--zt-tag-warning-color: var(--zt-warning-color);--zt-tag-default-color: var(--zt-gray-a08);--zt-tag-plain-background: var(--zt-background-popup);--zt-tag-stamp-diameter: 60px;--zt-tag-min-height: 20px}:root[zt-theme-size=large]{--zt-tag-closeable-height: 40px}.zt-tag{position:relative;min-height:var(--zt-tag-min-height);display:inline-flex;box-sizing:border-box;align-items:center;padding:0 var(--zt-padding-sm);color:var(--zt-tag-text-color);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm);border-radius:var(--zt-tag-radius);overflow:hidden;word-break:break-all}.zt-tag__icon{font-size:var(--zt-font-size-lg);margin-right:var(--zt-tag-icon-gap)}.zt-tag__image{width:var(--zt-tag-icon-size);height:var(--zt-tag-icon-size);margin-right:var(--zt-tag-icon-gap)}.zt-tag--default{background:var(--zt-tag-default-color)}.zt-tag--default.zt-tag--plain{color:var(--zt-tag-default-color)}.zt-tag--danger{background:var(--zt-tag-danger-color)}.zt-tag--danger.zt-tag--plain{color:var(--zt-tag-danger-color)}.zt-tag--primary{background:var(--zt-tag-primary-color)}.zt-tag--primary.zt-tag--plain{color:var(--zt-tag-primary-color)}.zt-tag--success{background:var(--zt-tag-success-color)}.zt-tag--success.zt-tag--plain{color:var(--zt-tag-success-color)}.zt-tag--warning{background:var(--zt-tag-warning-color)}.zt-tag--warning.zt-tag--plain{color:var(--zt-tag-warning-color)}.zt-tag--plain{background:var(--zt-tag-plain-background);border-color:currentColor}.zt-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.zt-tag--mark{border-radius:0 var(--zt-tag-round-radius) var(--zt-tag-round-radius) 0}.zt-tag--mark:after{display:block;width:2px;content:""}.zt-tag--round{height:var(--zt-tag-round-height);border-radius:calc(var(--zt-tag-round-height) / 2)}.zt-tag__close{font-size:var(--zt-font-size-xxl);margin-left:2px}.zt-tag--closeable{height:var(--zt-tag-closeable-height);font-size:var(--zt-font-size-md);line-height:var(--zt-line-height-md);background:var(--zt-tag-closeable-background);border-radius:calc(var(--zt-tag-closeable-height) / 2)}.zt-tag--badge{position:absolute;text-align:center;display:block;box-sizing:border-box;top:calc(var(--zt-line-height-md) - 2 * var(--zt-line-height-md));padding:var(--zt-tag-badge-padding);height:var(--zt-line-height-md);line-height:var(--zt-line-height-md)}.zt-tag__stamp{width:var(--zt-tag-stamp-diameter);height:var(--zt-tag-stamp-diameter);background:rgba(0,0,0,0);padding:0}.zt-tag__stamp--text{width:50px;height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-align:center;font-weight:var(--zt-font-bold)}.zt-tag__stamp--default{color:var(--zt-gray-a6)}.zt-tag__stamp--danger{color:var(--zt-tag-danger-color)}.zt-tag__stamp--primary{color:var(--zt-tag-primary-color)}.zt-tag__stamp--success{color:var(--zt-tag-success-color)}.zt-tag__stamp--warning{color:var(--zt-tag-warning-color)}.zt-theme-dark{--zt-tag-closeable-background: rgba(255, 255, 255, .1)}
|
|
@@ -118,6 +118,8 @@ var stdin_default = defineComponent({
|
|
|
118
118
|
document.body.removeChild(container);
|
|
119
119
|
};
|
|
120
120
|
const onClickAction = (event) => {
|
|
121
|
+
event.stopPropagation();
|
|
122
|
+
event.preventDefault();
|
|
121
123
|
expanded.value = !expanded.value;
|
|
122
124
|
emit("clickAction", event);
|
|
123
125
|
};
|
|
@@ -173,7 +173,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
173
173
|
type: PropType<TimePickerColumnType[]>;
|
|
174
174
|
default: () => string[];
|
|
175
175
|
};
|
|
176
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
176
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clickOption")[], "update:modelValue" | "change" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
177
177
|
loading: BooleanConstructor;
|
|
178
178
|
readonly: BooleanConstructor;
|
|
179
179
|
allowHtml: BooleanConstructor;
|
package/es/time-picker/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-time-picker-cancel-margin: 8px 4px 8px 16px;--zt-time-picker-confirm-margin: 8px 16px 8px 4px;--zt-time-picker-title-height: 44px;--zt-time-picker-title-border-radius: 16px 16px 0 0;--zt-time-picker-frame-background-color: var(--zt-gray-a04);--zt-time-picker-cancel-background-color: var(--zt-white);--zt-time-picker-title-text-color: var(--zt-gray-a4);--zt-time-picker-background: var(--zt-background-
|
|
1
|
+
:root{--zt-time-picker-cancel-margin: 8px 4px 8px 16px;--zt-time-picker-confirm-margin: 8px 16px 8px 4px;--zt-time-picker-title-height: 44px;--zt-time-picker-title-border-radius: 16px 16px 0 0;--zt-time-picker-frame-background-color: var(--zt-gray-a04);--zt-time-picker-cancel-background-color: var(--zt-white);--zt-time-picker-title-text-color: var(--zt-gray-a4);--zt-time-picker-background: var(--zt-background-popup);--zt-time-picker-toolbar-height: 60px;--zt-time-picker-action-padding: 0 var(--zt-padding-md);--zt-time-picker-confirm-action-color: var(--zt-white);--zt-time-picker-cancel-action-color: var(--zt-text-color);--zt-time-picker-option-radius: 8px;--zt-time-picker-option-padding: 0 var(--zt-padding-base);--zt-time-picker-option-text-color: var(--zt-text-color);--zt-time-picker-option-disabled-opacity: var(--zt-disabled-opacity);--zt-time-picker-loading-icon-color: var(--zt-primary-color);--zt-time-picker-loading-mask-color: rgba(255, 255, 255, .9);--zt-time-picker-mask-color: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--zt-time-picker-unit-background: var(--zt-white);--zt-time-picker-unit-font-size: 24px}:root[zt-theme-size=large]{--zt-time-picker-unit-font-size: 30px}.zt-theme-dark{--zt-time-picker-mask-color: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1)), linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1));--zt-time-picker-unit-background: rgba(255, 255, 255, .04)}.zt-time-picker{position:relative;background:var(--zt-time-picker-background);-webkit-user-select:none;user-select:none}.zt-time-picker__toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--zt-time-picker-toolbar-height)}.zt-time-picker__cancel,.zt-time-picker__confirm{width:50%}.zt-time-picker__cancel{background:#ffffff;margin:var(--zt-time-picker-cancel-margin)}.zt-time-picker__confirm{margin:var(--zt-time-picker-confirm-margin)}.zt-time-picker__title{display:flex;justify-content:center;align-items:center;width:100%;height:var(--zt-time-picker-title-height);border-radius:var(--zt-time-picker-title-border-radius);font-size:var(--zt-font-size-md);background:#ffffff;color:var(--zt-time-picker-title-text-color)}.zt-time-picker__columns{background:var(--zt-time-picker-background);position:relative;display:flex;cursor:-webkit-grab;cursor:grab;padding:16px 0;justify-content:space-evenly}.zt-time-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;color:var(--zt-time-picker-loading-icon-color);background:var(--zt-time-picker-loading-mask-color)}.zt-time-picker__frame{position:absolute;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;width:100%;background:var(--zt-time-picker-frame-background-color)}.zt-time-picker__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--zt-time-picker-mask-color);background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);pointer-events:none}.zt-time-picker__separator{position:absolute;display:flex;align-items:center;width:100%;height:100%;top:0}.zt-time-picker__colon{position:relative}.zt-time-picker__colon:only-child{left:50%}.zt-time-picker__colon:not(:only-child):first-child{left:35%}.zt-time-picker__colon:not(:only-child):last-child{left:65%}.zt-time-picker__colon:before{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray);left:calc(50% - 3px);top:calc(50% - 9px)}.zt-time-picker__colon:after{position:absolute;content:" ";width:6px;height:6px;border-radius:50%;background:var(--zt-gray);left:calc(50% - 3px);top:calc(50% + 3px)}.zt-time-picker-column{position:relative;overflow:hidden;font-size:var(--zt-time-picker-unit-font-size);background:var(--zt-gray-a04);border-radius:var(--zt-time-picker-option-radius)}.zt-time-picker-column__wrapper{transition-timing-function:cubic-bezier(.23,1,.68,1)}.zt-time-picker-column__item{display:flex;align-items:center;justify-content:center;padding:var(--zt-time-picker-option-padding);color:var(--zt-time-picker-option-text-color)}.zt-time-picker-column__item--disabled{cursor:not-allowed;opacity:var(--zt-time-picker-option-disabled-opacity)}.zt-time-picker-column__unit{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--zt-time-picker-unit-background);color:var(--zt-time-picker-option-text-color);font-size:var(--zt-time-picker-unit-font-size);width:100%;height:100%}.zt-time-picker-column__unit-text{margin:0 4px;font-size:var(--zt-font-size-md);font-weight:700}.zt-time-picker-column__arrow-top{width:16px;height:6px;position:absolute;top:8px;left:calc(50% - 8px)}.zt-time-picker-column__arrow-bottom{width:16px;height:6px;transform:rotate(180deg);position:absolute;bottom:8px;left:calc(50% - 8px)}
|
|
@@ -84,7 +84,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
|
|
|
84
84
|
type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
|
|
85
85
|
default: () => string[];
|
|
86
86
|
};
|
|
87
|
-
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("
|
|
87
|
+
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clickOption")[], "update:modelValue" | "change" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
88
88
|
loading: BooleanConstructor;
|
|
89
89
|
readonly: BooleanConstructor;
|
|
90
90
|
allowHtml: BooleanConstructor;
|
package/es/timeline/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-timeline-title-color: var(--zt-gray);--zt-timeline-sub-title-color: var(--zt-gray-a6);--zt-timeline-content-color: var(--zt-gray);--zt-timeline-background: var(--zt-white);--zt-timeline-bar-background: var(--zt-primary-color);--zt-timeline-time-color: var(--zt-gray-a8);--zt-timeline-avatar-size: 40px}:root[zt-theme-size=large]{--zt-timeline-avatar-size: 52px}.zt-timeline{background-color:var(--zt-timeline-background)}.zt-timeline__top-bar{height:44px;display:flex;justify-content:space-between;align-items:center}.zt-timeline__top-left{display:flex;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:var(--zt-timeline-bar-background);margin-right:12px}.zt-timeline__title{flex:7;font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-timeline-title-color);line-height:var(--zt-line-height-
|
|
1
|
+
:root{--zt-timeline-title-color: var(--zt-gray);--zt-timeline-sub-title-color: var(--zt-gray-a6);--zt-timeline-content-color: var(--zt-gray);--zt-timeline-background: var(--zt-white);--zt-timeline-bar-background: var(--zt-primary-color);--zt-timeline-time-color: var(--zt-gray-a8);--zt-timeline-avatar-size: 40px}:root[zt-theme-size=large]{--zt-timeline-avatar-size: 52px}.zt-timeline{background-color:var(--zt-timeline-background)}.zt-timeline__top-bar{height:44px;display:flex;justify-content:space-between;align-items:center}.zt-timeline__top-left{display:flex;align-items:center}.zt-timeline__bar{width:4px;height:16px;background:var(--zt-timeline-bar-background);margin-right:12px}.zt-timeline__title{flex:7;font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-timeline-title-color);line-height:var(--zt-line-height-lg)}.zt-timeline__top-right{padding-right:16px;display:flex;align-items:center}.zt-timeline__top-right .zt-switch--on{background:var(--zt-timeline-bar-background)}.zt-timeline__fold-text{font-size:var(--zt-font-size-lg);color:var(--zt-gray-a6);line-height:var(--zt-line-height-lg);margin-right:8px}.zt-timeline__container{padding-top:16px}.zt-timeline__item{padding:0 16px 16px;display:flex}.zt-timeline__item.last-item .zt-timeline__line-dot,.zt-timeline__item.last-item .zt-timeline__line{height:0}.zt-timeline__item.last-item .zt-timeline__dot{border-color:var(--zt-timeline-bar-background)}.zt-timeline__left-container{margin-right:8px;display:flex;flex-direction:column;align-items:center;position:relative}.zt-timeline__right-container{flex:1}.zt-timeline__dot-container{top:5px}.zt-timeline__dot{width:12px;height:12px;background-color:#fff;border:1px solid rgba(45,75,115,.2);border-radius:50%;z-index:2}.zt-timeline__avatar-box{width:var(--zt-timeline-avatar-size);height:var(--zt-timeline-avatar-size);z-index:2}.zt-timeline__avatar{width:var(--zt-timeline-avatar-size);height:var(--zt-timeline-avatar-size);background:var(--zt-primary-color);border-radius:4px;font-size:var(--zt-font-size-md);font-weight:700;text-align:center;color:#fff;line-height:var(--zt-timeline-avatar-size)}.zt-timeline__line{background-color:#f5f5f5;width:2px;height:100%;margin-top:4px;margin-bottom:-12px}.zt-timeline__line-dot{position:absolute;background-color:#f5f5f5;width:2px;height:calc(100% + 16px)}.zt-timeline__title-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.zt-timeline__time{flex:5;text-align:right;font-size:var(--zt-font-size-sm);color:var(--zt-timeline-time-color);line-height:var(--zt-line-height-sm)}.zt-timeline__content-box{font-size:var(--zt-font-size-md);color:var(--zt-timeline-content-color);line-height:var(--zt-line-height-md);padding-bottom:8px}.zt-timeline__main-container{background:rgba(0,0,0,.02);border-radius:4px;padding:8px 12px}.zt-timeline__main-container:before{border-radius:4px}.zt-timeline__main-container .zt-timeline__text-bold{font-weight:700}.zt-timeline__opinion-box{padding-top:7px}.zt-timeline__opinion-label{margin-bottom:4px;font-size:var(--zt-font-size-md);color:var(--zt-timeline-sub-title-color);line-height:var(--zt-line-height-md)}.zt-timeline__opinion{font-size:var(--zt-font-size-md);color:var(--zt-timeline-content-color);line-height:var(--zt-line-height-md);word-break:break-all}
|
package/es/uploader/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-uploader-size: 80px;--zt-uploader-icon-color: var(--zt-gray-4);--zt-uploader-text-color: var(--zt-gray-a2);--zt-uploader-upload-background: var(--zt-gray-a1);--zt-uploader-upload-icon-font-size: 24px;--zt-uploader-upload-active-color: var(--zt-active-color);--zt-uploader-delete-color: var(--zt-white);--zt-uploader-delete-icon-size: 14px;--zt-uploader-delete-background: rgba(0, 0, 0, .7);--zt-uploader-file-background: var(--zt-background);--zt-uploader-file-icon-color: var(--zt-gray-7);--zt-uploader-file-name-padding: 0 var(--zt-padding-base);--zt-uploader-file-name-margin-top: var(--zt-padding-xs);--zt-uploader-file-name-text-color: var(--zt-gray-7);--zt-uploader-mask-text-color: var(--zt-white);--zt-uploader-mask-background: rgba(50, 50, 51, .88);--zt-uploader-loading-icon-size: 22px;--zt-uploader-loading-icon-color: var(--zt-white);--zt-uploader-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-uploader-upload-icon-font-size: 30px}.zt-uploader{position:relative;display:inline-block}.zt-uploader__wrapper{display:flex;flex-wrap:wrap}.zt-uploader__wrapper--disabled{opacity:var(--zt-uploader-disabled-opacity)}.zt-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.zt-uploader__input-wrapper{position:relative}.zt-uploader__input:disabled{cursor:not-allowed}.zt-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--zt-uploader-size);height:var(--zt-uploader-size);margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;background:var(--zt-uploader-upload-background)}.zt-uploader__upload:active{background-color:var(--zt-uploader-upload-active-color)}.zt-uploader__upload--readonly:active{background-color:var(--zt-uploader-upload-background)}.zt-uploader__upload-icon{color:var(--zt-uploader-icon-color);font-size:var(--zt-uploader-upload-icon-font-size)}.zt-uploader__upload-text{margin-top:var(--zt-padding-xs);color:var(--zt-uploader-text-color);font-size:var(--zt-font-size-sm)}.zt-uploader__preview{position:relative;margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;cursor:pointer}.zt-uploader__preview-image{display:block;width:var(--zt-uploader-size);height:var(--zt-uploader-size);overflow:hidden}.zt-uploader__preview-delete{position:absolute;top:0;right:0}.zt-uploader__preview-delete--shadow{width:var(--zt-uploader-delete-icon-size);height:var(--zt-uploader-delete-icon-size);background:var(--zt-uploader-delete-background);border-radius:0 0 0 12px}.zt-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--zt-uploader-delete-color);font-size:var(--zt-font-size-md);transform:scale(.7) translate(10%,-10%)}.zt-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.zt-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-uploader-mask-text-color);background:var(--zt-uploader-mask-background)}.zt-uploader__mask-icon{font-size:var(--zt-font-size-xxxl)}.zt-uploader__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-
|
|
1
|
+
:root{--zt-uploader-size: 80px;--zt-uploader-icon-color: var(--zt-gray-4);--zt-uploader-text-color: var(--zt-gray-a2);--zt-uploader-upload-background: var(--zt-gray-a1);--zt-uploader-upload-icon-font-size: 24px;--zt-uploader-upload-active-color: var(--zt-active-color);--zt-uploader-delete-color: var(--zt-white);--zt-uploader-delete-icon-size: 14px;--zt-uploader-delete-background: rgba(0, 0, 0, .7);--zt-uploader-file-background: var(--zt-background);--zt-uploader-file-icon-color: var(--zt-gray-7);--zt-uploader-file-name-padding: 0 var(--zt-padding-base);--zt-uploader-file-name-margin-top: var(--zt-padding-xs);--zt-uploader-file-name-text-color: var(--zt-gray-7);--zt-uploader-mask-text-color: var(--zt-white);--zt-uploader-mask-background: rgba(50, 50, 51, .88);--zt-uploader-loading-icon-size: 22px;--zt-uploader-loading-icon-color: var(--zt-white);--zt-uploader-disabled-opacity: var(--zt-disabled-opacity)}:root[zt-theme-size=large]{--zt-uploader-upload-icon-font-size: 30px}.zt-uploader{position:relative;display:inline-block}.zt-uploader__wrapper{display:flex;flex-wrap:wrap}.zt-uploader__wrapper--disabled{opacity:var(--zt-uploader-disabled-opacity)}.zt-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.zt-uploader__input-wrapper{position:relative}.zt-uploader__input:disabled{cursor:not-allowed}.zt-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--zt-uploader-size);height:var(--zt-uploader-size);margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;background:var(--zt-uploader-upload-background)}.zt-uploader__upload:active{background-color:var(--zt-uploader-upload-active-color)}.zt-uploader__upload--readonly:active{background-color:var(--zt-uploader-upload-background)}.zt-uploader__upload-icon{color:var(--zt-uploader-icon-color);font-size:var(--zt-uploader-upload-icon-font-size)}.zt-uploader__upload-text{margin-top:var(--zt-padding-xs);color:var(--zt-uploader-text-color);font-size:var(--zt-font-size-sm)}.zt-uploader__preview{position:relative;margin:0 var(--zt-padding-xs) var(--zt-padding-xs) 0;cursor:pointer}.zt-uploader__preview-image{display:block;width:var(--zt-uploader-size);height:var(--zt-uploader-size);overflow:hidden}.zt-uploader__preview-delete{position:absolute;top:0;right:0}.zt-uploader__preview-delete--shadow{width:var(--zt-uploader-delete-icon-size);height:var(--zt-uploader-delete-icon-size);background:var(--zt-uploader-delete-background);border-radius:0 0 0 12px}.zt-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--zt-uploader-delete-color);font-size:var(--zt-font-size-md);transform:scale(.7) translate(10%,-10%)}.zt-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.zt-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-uploader-mask-text-color);background:var(--zt-uploader-mask-background)}.zt-uploader__mask-icon{font-size:var(--zt-font-size-xxxl)}.zt-uploader__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-font-size-sm);line-height:var(--zt-line-height-sm)}.zt-uploader__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-loading-icon-color)}.zt-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--zt-uploader-size);height:var(--zt-uploader-size);background:var(--zt-uploader-file-background)}.zt-uploader__file-icon{color:var(--zt-uploader-file-icon-color);font-size:var(--zt-font-size-xxl)}.zt-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--zt-uploader-file-name-margin-top);padding:var(--zt-uploader-file-name-padding);color:var(--zt-uploader-file-name-text-color);font-size:var(--zt-font-size-sm);text-align:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function closest(arr: number[], target: number): number;
|
package/es/utils/constant.d.ts
CHANGED
|
@@ -6,8 +6,8 @@ export declare const BORDER_LEFT: string;
|
|
|
6
6
|
export declare const BORDER_BOTTOM: string;
|
|
7
7
|
export declare const BORDER_SURROUND: string;
|
|
8
8
|
export declare const BORDER_TOP_BOTTOM: string;
|
|
9
|
-
export declare const BORDER_UNSET_TOP_BOTTOM: string;
|
|
10
9
|
export declare const HAPTICS_FEEDBACK = "zt-haptics-feedback";
|
|
11
10
|
export declare const ELLIPSIS = "zt-ellipsis";
|
|
12
11
|
export declare const FORM_KEY: InjectionKey<FormProvide>;
|
|
13
12
|
export declare const LONG_PRESS_START_TIME = 500;
|
|
13
|
+
export declare const TAP_OFFSET = 5;
|
package/es/utils/constant.mjs
CHANGED
|
@@ -4,11 +4,11 @@ const BORDER_LEFT = `${BORDER}--left`;
|
|
|
4
4
|
const BORDER_BOTTOM = `${BORDER}--bottom`;
|
|
5
5
|
const BORDER_SURROUND = `${BORDER}--surround`;
|
|
6
6
|
const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;
|
|
7
|
-
const BORDER_UNSET_TOP_BOTTOM = `${BORDER}-unset--top-bottom`;
|
|
8
7
|
const HAPTICS_FEEDBACK = "zt-haptics-feedback";
|
|
9
8
|
const ELLIPSIS = "zt-ellipsis";
|
|
10
9
|
const FORM_KEY = Symbol("zt-form");
|
|
11
10
|
const LONG_PRESS_START_TIME = 500;
|
|
11
|
+
const TAP_OFFSET = 5;
|
|
12
12
|
export {
|
|
13
13
|
BORDER,
|
|
14
14
|
BORDER_BOTTOM,
|
|
@@ -16,9 +16,9 @@ export {
|
|
|
16
16
|
BORDER_SURROUND,
|
|
17
17
|
BORDER_TOP,
|
|
18
18
|
BORDER_TOP_BOTTOM,
|
|
19
|
-
BORDER_UNSET_TOP_BOTTOM,
|
|
20
19
|
ELLIPSIS,
|
|
21
20
|
FORM_KEY,
|
|
22
21
|
HAPTICS_FEEDBACK,
|
|
23
|
-
LONG_PRESS_START_TIME
|
|
22
|
+
LONG_PRESS_START_TIME,
|
|
23
|
+
TAP_OFFSET
|
|
24
24
|
};
|
package/es/utils/index.d.ts
CHANGED
package/es/utils/index.mjs
CHANGED
package/es/utils/validate.d.ts
CHANGED
|
@@ -5,10 +5,11 @@ export declare const isObject: (val: unknown) => val is Record<any, any>;
|
|
|
5
5
|
export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
|
|
6
6
|
export declare const isDate: (val: unknown) => val is Date;
|
|
7
7
|
export declare function isMobile(value: string): boolean;
|
|
8
|
-
export declare const isNumeric: (val: Numeric) => val is
|
|
8
|
+
export declare const isNumeric: (val: Numeric) => val is number;
|
|
9
9
|
export declare const isString: (val: unknown) => val is string;
|
|
10
10
|
export declare const isValidString: (val: unknown) => val is string;
|
|
11
11
|
export declare const isRegExp: (val: unknown) => boolean;
|
|
12
12
|
export declare const isIOS: () => boolean;
|
|
13
13
|
export declare const isAndroid: () => boolean;
|
|
14
14
|
export declare const isWeixin: () => boolean;
|
|
15
|
+
export declare const getIosVersion: () => string;
|
package/es/utils/validate.mjs
CHANGED
|
@@ -15,7 +15,16 @@ const isRegExp = (val) => Object.prototype.toString.call(val).replace(/\[object
|
|
|
15
15
|
const isIOS = () => inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
|
|
16
16
|
const isAndroid = () => inBrowser ? /android/.test(navigator.userAgent.toLowerCase()) : false;
|
|
17
17
|
const isWeixin = () => inBrowser ? /micromessenger/.test(navigator.userAgent.toLowerCase()) : false;
|
|
18
|
+
const getIosVersion = () => {
|
|
19
|
+
const reg = /CPU iPhone OS (.*?) like Mac OS/i;
|
|
20
|
+
const verStr = navigator.userAgent.match(reg);
|
|
21
|
+
if (verStr && verStr[1]) {
|
|
22
|
+
return verStr[1].replace(/_/g, ".");
|
|
23
|
+
}
|
|
24
|
+
return "";
|
|
25
|
+
};
|
|
18
26
|
export {
|
|
27
|
+
getIosVersion,
|
|
19
28
|
isAndroid,
|
|
20
29
|
isDate,
|
|
21
30
|
isDef,
|
package/es/vue-sfc-shim.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
declare module '*.vue' {
|
|
2
|
-
// eslint-disable-next-line
|
|
3
|
-
import { DefineComponent } from 'vue';
|
|
4
|
-
const Component: DefineComponent;
|
|
5
|
-
export default Component;
|
|
6
|
-
}
|
|
1
|
+
declare module '*.vue' {
|
|
2
|
+
// eslint-disable-next-line
|
|
3
|
+
import { DefineComponent } from 'vue';
|
|
4
|
+
const Component: DefineComponent;
|
|
5
|
+
export default Component;
|
|
6
|
+
}
|
package/es/vue-tsx-shim.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import 'vue';
|
|
2
|
-
|
|
3
|
-
type EventHandler = (...args: any[]) => void;
|
|
4
|
-
|
|
5
|
-
declare module 'vue' {
|
|
6
|
-
interface ComponentCustomProps {
|
|
7
|
-
id?: string;
|
|
8
|
-
role?: string;
|
|
9
|
-
tabindex?: number;
|
|
10
|
-
onClick?: EventHandler;
|
|
11
|
-
onTouchend?: EventHandler;
|
|
12
|
-
onTouchmove?: EventHandler;
|
|
13
|
-
onTouchstart?: EventHandler;
|
|
14
|
-
onTouchcancel?: EventHandler;
|
|
15
|
-
onTouchmovePassive?: EventHandler;
|
|
16
|
-
onTouchstartPassive?: EventHandler;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
interface HTMLAttributes {
|
|
20
|
-
onTouchmovePassive?: EventHandler;
|
|
21
|
-
onTouchstartPassive?: EventHandler;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
1
|
+
import 'vue';
|
|
2
|
+
|
|
3
|
+
type EventHandler = (...args: any[]) => void;
|
|
4
|
+
|
|
5
|
+
declare module 'vue' {
|
|
6
|
+
interface ComponentCustomProps {
|
|
7
|
+
id?: string;
|
|
8
|
+
role?: string;
|
|
9
|
+
tabindex?: number;
|
|
10
|
+
onClick?: EventHandler;
|
|
11
|
+
onTouchend?: EventHandler;
|
|
12
|
+
onTouchmove?: EventHandler;
|
|
13
|
+
onTouchstart?: EventHandler;
|
|
14
|
+
onTouchcancel?: EventHandler;
|
|
15
|
+
onTouchmovePassive?: EventHandler;
|
|
16
|
+
onTouchstartPassive?: EventHandler;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
interface HTMLAttributes {
|
|
20
|
+
onTouchmovePassive?: EventHandler;
|
|
21
|
+
onTouchstartPassive?: EventHandler;
|
|
22
|
+
}
|
|
23
|
+
}
|