@opentiny/vue-renderless 3.21.2 → 3.23.0

package/types/label.type.d.ts

@@ -1,59 +1,7 @@
 import { ExtractPropTypes, ComputedRef } from 'vue';
+import { labelProps } from '@/label/src';
 import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
 
-declare const labelProps: {
-    label: {
-        type: StringConstructor;
-        default: string;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-    size: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    wholeline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    position: {
-        type: StringConstructor;
-        default: string;
-    };
-    ellipsis: {
-        type: NumberConstructor;
-        default: number;
-    };
-    decimal: {
-        type: NumberConstructor;
-        default: number;
-    };
-    limit: {
-        type: NumberConstructor;
-        default: number;
-    };
-    isRequired: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    bold: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor;
-    tiny_template: (FunctionConstructor | ObjectConstructor)[];
-    tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
-    tiny_chart_theme: ObjectConstructor;
-};
-
 type ILabelProps = ExtractPropTypes<typeof labelProps>;
 interface ILabelState {
     label: ComputedRef<string>;

package/types/loading.type.d.ts

@@ -38,6 +38,18 @@ declare const loadingProps: {
     tiny_chart_theme: ObjectConstructor;
 };
 
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
 declare const constants: {
     TEXT_ATTR: string;
     IS_FULLSCREEN_CLS: string;

package/types/numeric.type.d.ts

@@ -1,27 +1,7 @@
 import { ExtractPropTypes } from 'vue';
+import { BigIntDecimal } from '@opentiny/utils';
 import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
 
-declare class BigIntDecimal {
-    constructor(value: any);
-    getDecimalStr(): any;
-    getIntegerStr(): any;
-    getMark(): "" | "-";
-    /**
-     * Align BigIntDecimal with same decimal length. e.g. 12.3 + 5 = 1230000
-     * This is used for add function only.
-     */
-    alignDecimal(decimalLength: any): bigint;
-    add(value: any): any;
-    negate(): BigIntDecimal;
-    isNaN(): any;
-    isEmpty(): any;
-    isInvalidate(): any;
-    lessEquals(target: any): boolean;
-    equals(target: any): boolean;
-    toNumber(): number;
-    toString(safe?: boolean): any;
-}
-
 declare const $constants: {
     MAX: string;
     MIN: string;
@@ -69,6 +49,7 @@ declare const numericProps: {
     controlsPosition: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     disabled: BooleanConstructor;
     format: (StringConstructor | ObjectConstructor)[];
@@ -191,7 +172,7 @@ declare const initService: (service: INumericRenderlessParamUtils['service']) =>
     getUnitPrecision: Function;
     getNumberFormat: Function;
 };
-declare const getDecimal: (props: INumericProps) => (value: number) => BigIntDecimal;
+declare const getDecimal: (props: INumericProps) => (value: number) => any;
 declare const watchValue: ({ api, props, state }: Pick<INumericRenderlessParams, 'api' | 'state' | 'props'>) => (value: number) => void;
 declare const toPrecision: (state: INumericState) => ({ num, precision }: {
     num: number;

package/types/pager.type.d.ts

@@ -58,15 +58,20 @@ declare const pagerProps: {
     size: {
         type: StringConstructor;
         default: string;
+        validator: (value: string) => boolean;
     };
     align: {
         type: StringConstructor;
-        validator: (value: any) => boolean;
+        validator: (value: string) => boolean;
     };
     totalFixedLeft: {
         type: BooleanConstructor;
         default: undefined;
     };
+    changeCompat: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -80,11 +85,10 @@ declare const computedInternalLayout: ({ props }: Pick<IPagerRenderlessParams, '
 declare const computedTotalText: ({ props, t }: Pick<IPagerRenderlessParams, 'props' | 't'>) => () => string;
 declare const computedInternalPageCount: ({ props, state }: Pick<IPagerRenderlessParams, 'props' | 'state'>) => () => number | null;
 declare const handleJumperFocus: ({ state }: Pick<IPagerRenderlessParams, 'state'>) => (e: Event) => void;
-declare const watchInternalCurrentPage: ({ state, emit }: Pick<IPagerRenderlessParams, 'state' | 'emit'>) => (currentPage: number) => void;
-declare const watchPageSizes: ({ state, props }: Pick<IPagerRenderlessParams, 'props' | 'state'>) => (newVal: number[]) => void;
+declare const watchInternalCurrentPage: ({ state, emit, props }: Pick<IPagerRenderlessParams, 'state' | 'emit' | 'props'>) => (currentPage: number) => void;
 declare const watchCurrentPage: ({ state, api }: Pick<IPagerRenderlessParams, 'api' | 'state'>) => (curPage: number) => void;
 declare const watchInternalPageCount: ({ state, api }: Pick<IPagerRenderlessParams, 'api' | 'state'>) => (pageCount: number | null) => void;
-declare const watchPageSize: ({ state }: Pick<IPagerRenderlessParams, 'state'>) => (pageSize: number) => void;
+declare const watchInternalPageSize: ({ props, emit }: Pick<IPagerRenderlessParams, 'props' | 'emit'>) => (pageSize: number) => void;
 declare const watchTotal: ({ state }: Pick<IPagerRenderlessParams, 'state'>) => (total: number | undefined) => void;
 declare const watchShowSizes: ({ nextTick, vm }: Pick<IPagerRenderlessParams, 'nextTick' | 'vm'>) => (newVal: boolean) => void;
 declare const handleSizeChange: ({ props, state, api, emit, vm }: Pick<IPagerRenderlessParams, 'props' | 'state' | 'api' | 'emit' | 'vm'>) => (val: number) => void;
@@ -105,7 +109,8 @@ declare const prev: ({ state, props, api, emit }: Pick<IPagerRenderlessParams, '
 declare const next: ({ props, state, api, emit }: Pick<IPagerRenderlessParams, 'props' | 'state' | 'api' | 'emit'>) => () => void;
 declare const buildBeforePageChangeParam: ({ state }: Pick<IPagerRenderlessParams, 'state'>) => (param: any) => any;
 declare const getValidCurrentPage: ({ state }: Pick<IPagerRenderlessParams, 'state'>) => (val: string | number) => any;
-declare const emitChange: ({ state, nextTick, emit }: Pick<IPagerRenderlessParams, 'emit' | 'state' | 'nextTick'>) => () => void;
+declare const getInternalPageSize: ({ props }: Pick<IPagerRenderlessParams, 'props'>) => () => number;
+declare const emitChange: ({ state, nextTick, emit, props }: Pick<IPagerRenderlessParams, 'emit' | 'state' | 'nextTick' | 'props'>) => () => void;
 declare const setTotal: ({ state }: Pick<IPagerRenderlessParams, 'state'>) => (val: number) => void;
 declare const clickSizes: () => (e: Event) => void;
 
@@ -159,12 +164,12 @@ interface IPagerApi {
     setTotal: ReturnType<typeof setTotal>;
     clickSizes: ReturnType<typeof clickSizes>;
     watchInternalCurrentPage: ReturnType<typeof watchInternalCurrentPage>;
-    watchPageSizes: ReturnType<typeof watchPageSizes>;
     watchCurrentPage: ReturnType<typeof watchCurrentPage>;
     watchInternalPageCount: ReturnType<typeof watchInternalPageCount>;
-    watchPageSize: ReturnType<typeof watchPageSize>;
     watchTotal: ReturnType<typeof watchTotal>;
     watchShowSizes: ReturnType<typeof watchShowSizes>;
+    watchInternalPageSize: ReturnType<typeof watchInternalPageSize>;
+    getInternalPageSize: ReturnType<typeof getInternalPageSize>;
 }
 type IPagerRenderlessParams = ISharedRenderlessFunctionParams<never> & {
     api: IPagerApi;

package/types/popconfirm.type.d.ts

@@ -70,6 +70,7 @@ declare const hide: ({ state, emit }: Pick<IPopconfirmRenderlessParams, 'state'
 declare const show: ({ state, props, emit }: Pick<IPopconfirmRenderlessParams, 'state' | 'props' | 'emit'>) => (trigger: any) => void;
 declare const confirm: ({ state, api }: Pick<IPopconfirmRenderlessParams, 'state' | 'api'>) => () => void;
 declare const handleEmit: ({ state, emit, vm }: Pick<IPopconfirmRenderlessParams, 'state' | 'emit' | 'vm'>) => (type: any) => void;
+declare const handleDocumentClick: ({ vm, api }: Pick<IPopconfirmRenderlessParams, 'api' | 'vm'>) => (event: any) => void;
 
 interface IPopconfirmState {
     isLock: boolean;
@@ -89,6 +90,7 @@ interface IPopconfirmApi {
     hide: ReturnType<typeof hide>;
     confirm: ReturnType<typeof confirm>;
     handleEmit: ReturnType<typeof handleEmit>;
+    handleDocumentClick: ReturnType<typeof handleDocumentClick>;
 }
 type IPopconfirmRenderlessParamUtils = ISharedRenderlessParamUtils<IPopconfirmConstants>;
 

package/types/steps.type.d.ts

@@ -48,6 +48,7 @@ declare const stepsProps: {
     };
     noArrow: BooleanConstructor;
     flex: BooleanConstructor;
+    contentCenter: BooleanConstructor;
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/tag-group.type.d.ts

@@ -1,19 +1,7 @@
+import { debounce } from 'src/common/runtime';
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type.js';
 
-/**
- * Copyright (c) 2022 - present TinyVue Authors.
- * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-declare function export_default(delay: any, atBegin: any, callback?: Function): Function;
-
 declare const tagGroupProps: {
     size: {
         type: StringConstructor;
@@ -58,7 +46,7 @@ interface ITagGroupApi {
     state: ITagGroupState;
     getHiddenTags: ReturnType<typeof getHiddenTags>;
     handelItemClick: ReturnType<typeof handelItemClick>;
-    debouncedGetHiddenTags?: ReturnType<typeof export_default>;
+    debouncedGetHiddenTags?: ReturnType<typeof debounce>;
 }
 type ITagGroupRenderlessParamUtils = ISharedRenderlessParamUtils<never>;
 

package/types/tag.type.d.ts

@@ -27,14 +27,14 @@ declare const tagProps: {
     };
     beforeDelete: FunctionConstructor;
     value: (StringConstructor | NumberConstructor)[];
-    mini: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     maxWidth: {
         type: (StringConstructor | NumberConstructor)[];
         default: null;
     };
+    mini: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/tooltip.type.d.ts

@@ -1,5 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessFunctionParams } from './shared.type.js';
+import * as _opentiny_utils_src_debounce from '@opentiny/utils/src/debounce';
 
 declare const tooltipProps: {
     visible: {
@@ -98,6 +99,7 @@ declare const tooltipProps: {
     };
     contentMaxHeight: {
         type: StringConstructor;
+        default: () => string;
     };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
@@ -107,18 +109,6 @@ declare const tooltipProps: {
     tiny_chart_theme: ObjectConstructor;
 };
 
-/**
- * Copyright (c) 2022 - present TinyVue Authors.
- * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-
 declare const show: ({ api, state, props }: Pick<ITooltipRenderlessParams, 'api' | 'state' | 'props'>) => (event?: MouseEvent) => void;
 declare const hide: (api: ITooltipApi) => () => void;
 declare const handleFocus: ({ api, state }: Pick<ITooltipRenderlessParams, 'api' | 'state'>) => () => void;
@@ -129,7 +119,7 @@ declare const handleClosePopper: ({ api, props, state }: Pick<ITooltipRenderless
 declare const handleDocumentClick: ({ props, api, state, popperVmRef }: Pick<ITooltipRenderlessParams, 'api' | 'state' | 'props' | 'popperVmRef'>) => (event: MouseEvent) => void;
 declare const setExpectedState: ({ state }: Pick<ITooltipRenderlessParams, 'state'>) => (value: boolean) => void;
 declare const destroyed: ({ state, api, vm }: Pick<ITooltipRenderlessParams, 'state' | 'api' | 'vm'>) => () => void;
-declare const debounceClose: ({ api, props }: Pick<ITooltipRenderlessParams, 'api' | 'props'>) => Function;
+declare const debounceClose: ({ api, props }: Pick<ITooltipRenderlessParams, 'api' | 'props'>) => _opentiny_utils_src_debounce.DebounceFunction;
 declare const watchFocusing: (state: ITooltipState) => (value: boolean) => void;
 declare const focusHandler: ({ slots, api }: Pick<ITooltipRenderlessParams, 'slots' | 'api'>) => () => void;
 declare const bindEvent: ({ api, state, vm }: Pick<ITooltipRenderlessParams, 'api' | 'state' | 'vm'>) => (reference: HTMLElement) => void;

package/types/transfer.type.d.ts

@@ -93,6 +93,9 @@ declare const transferProps: {
     };
     treeOp: ObjectConstructor;
     beforeTransfer: FunctionConstructor;
+    panelStyle: ObjectConstructor;
+    panelBodyStyle: ObjectConstructor;
+    panelTableHeight: StringConstructor;
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/user-head.type.d.ts

@@ -83,10 +83,6 @@ declare const userHeadProps: {
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
-    /**
-     * @property {String} - 头像资源
-     * type=icon 时为图标类名，type=label时为字体串，type=image时为资源路径
-     */
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;

package/upload/index.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { KEY_CODE } from "../common";
+import { KEY_CODE } from "@opentiny/utils";
 const isImage = (str) => str.includes("image");
 const handleChange = (api) => (event) => {
   const files = event.target.files;

package/upload-list/index.js

@@ -1,6 +1,6 @@
 import "../chunk-G2ADBYYC.js";
 import { xss } from "@opentiny/utils";
-import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
+import { addResizeListener, removeResizeListener } from "@opentiny/utils";
 const parsePercentage = () => (val) => parseInt(val, 10);
 const handleClick = ({ props, api, parent }) => (e, file) => {
   e.preventDefault();

package/upload-list/vue.js

@@ -23,9 +23,9 @@ import {
   getNotSuccessFiles
 } from "./index";
 import { getToken, initService } from "../file-upload";
-import { formatFileSize } from "../common/string";
+import { formatFileSize } from "@opentiny/utils";
 import { getApi } from "../file-upload/vue";
-import { isBrowser } from "../common/browser";
+import { isServer } from "@opentiny/utils";
 const api = [
   "t",
   "state",
@@ -52,7 +52,7 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
   var _a, _b, _c, _d, _e;
   const api2 = { getApi };
   parent = inject("uploader").$children[0];
-  const constants = isBrowser ? parent.$constants : null;
+  const constants = !isServer ? parent.$constants : null;
   const $service = initService({ props, service });
   const { current } = useBreakpoint();
   const state = reactive({
@@ -60,7 +60,7 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
     shows: false,
     currentBreakpoint: current,
     progressType: ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.progressType) || "line",
-    progressWidth: (designConfig == null ? void 0 : designConfig.state) && Object.hasOwnProperty.call(designConfig.state, "progressWidth") ? designConfig.state.progressWidth : "68",
+    progressWidth: (designConfig == null ? void 0 : designConfig.state) && Object.hasOwnProperty.call(designConfig.state, "progressWidth") ? designConfig.state.progressWidth : 68,
     progressStrokeWidth: ((_b = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _b.progressStrokeWidth) || 4,
     tooltipDisabled: (_d = (_c = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _c.tooltipDisabled) != null ? _d : false,
     closeComponent: ((_e = designConfig == null ? void 0 : designConfig.icons) == null ? void 0 : _e.closeComponent) || "icon-del",

package/user/index.js

@@ -2,11 +2,11 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import debounce from "../common/deps/debounce";
-import { toDateStr } from "../common/date";
-import { toJsonStr } from "../common/object";
-import { toJson } from "../common/string";
-import { log } from "@opentiny/utils";
+import { debounce } from "@opentiny/utils";
+import { toDateStr } from "@opentiny/utils";
+import { toJsonStr } from "@opentiny/utils";
+import { toJson } from "@opentiny/utils";
+import { logger } from "@opentiny/utils";
 const toLowerCase = (val) => {
   return typeof val === "string" ? val.toLowerCase() : val;
 };
@@ -111,7 +111,7 @@ const request = {
               }
             });
           });
-          errors.length && log.logger.warn(`user [${errors.join(",")}] not found`);
+          errors.length && logger.warn(`user [${errors.join(",")}] not found`);
           this.clearRequest();
         }
       }
@@ -207,7 +207,7 @@ const updateOptions = ({ props, state, nextTick }) => (usersList) => {
   return nextTick();
 };
 const autoSelect = ({ props, state, nextTick }) => (usersList) => {
-  if (!usersList.length || props.multiple && props.multipleLimit && state.user.length >= props.multipleLimit) {
+  if (!props.autoSelect || !usersList.length || props.multiple && props.multipleLimit && state.user.length >= props.multipleLimit) {
     return nextTick();
   }
   const values = props.multiple ? [].concat(state.user) : [];

package/user/vue.js

@@ -21,7 +21,7 @@ import {
   syncCacheIds
 } from "./index";
 const api = ["state", "handleBlur", "searchMethod", "userChange", "visibleChange", "useSortable", "filter"];
-const renderless = (props, { reactive, watch, computed, provide }, { emit, nextTick, vm, service, constants, dispatch }) => {
+const renderless = (props, { reactive, watch, computed, provide }, { emit, nextTick, vm, service, constants, dispatch, useBreakpoint, isMobileFirstMode }) => {
   const api2 = {};
   const $service = initService({ props, service });
   const state = reactive({
@@ -36,9 +36,11 @@ const renderless = (props, { reactive, watch, computed, provide }, { emit, nextT
     sortable: null,
     overflow: false,
     addevnet: false,
+    device: "",
     batch: props.batch === false ? false : props.batch || $service.batch,
     textField: computed(() => api2.computedTextField()),
-    valueField: computed(() => api2.computedValueField())
+    valueField: computed(() => api2.computedValueField()),
+    breakpoint: useBreakpoint ? useBreakpoint().current : ""
   });
   Object.assign(api2, {
     state,
@@ -66,6 +68,17 @@ const renderless = (props, { reactive, watch, computed, provide }, { emit, nextT
   });
   props.cache && api2.updateCache();
   watch(() => props.modelValue, api2.initUser, { immediate: true });
+  watch(
+    () => state.breakpoint,
+    (val) => {
+      if (val === "default" && isMobileFirstMode) {
+        state.device = "mb";
+      } else {
+        state.device = "pc";
+      }
+    },
+    { immediate: true, deep: true }
+  );
   provide("showContent", props.showTips);
   provide("tips-max-width", props.maxWidth);
   return api2;

package/user-contact/vue.js

@@ -1,5 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { init } from "../common/deps/eSpaceCtrl";
+import { initEspace } from "@opentiny/utils";
 import { getUserHref, doUserAction, initEspaceLink, openEspace } from "./index";
 import { testUID } from "../espace";
 const api = ["show", "getUserHref", "doUserAction", "initEspaceLink", "openEspace", "testUID"];
@@ -8,7 +8,7 @@ const renderless = (props, { reactive, ref }, { service }) => {
   const { setting = {} } = service || {};
   const { widgets = {} } = setting;
   const eSpaceCtrlDisabled = widgets.ESpaceCtrl && !widgets.ESpaceCtrl.autoLink;
-  const eSpaceCtrl = eSpaceCtrlDisabled ? {} : init();
+  const eSpaceCtrl = eSpaceCtrlDisabled ? {} : initEspace();
   const state = reactive({
     initialized: false
   });

package/virtual-scroll-box/index.js

@@ -1,11 +1,11 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-import getScrollbarSize from "../common/deps/scrollbar-width";
+import { calcScrollWidth } from "@opentiny/utils";
 const computedBarSize = (props) => () => {
   let barSize = +props.scrollbarSize;
   if (isNaN(barSize) || barSize < 0) {
-    barSize = getScrollbarSize();
+    barSize = calcScrollWidth();
   }
   return barSize;
 };

package/wizard/index.js

@@ -1,7 +1,7 @@
 import "../chunk-G2ADBYYC.js";
-import { format } from "../common/date";
-import { copyArray, extend } from "../common/object";
-import { isObject } from "../common/type";
+import { formatDateByPattern as format } from "@opentiny/utils";
+import { copyArray, extend } from "@opentiny/utils";
+import { isObject } from "@opentiny/utils";
 const lastStepHandle = ({ state, emit }) => () => {
   if (state.datas[0].status === state.doing) {
     return;

package/year-range/index.js

@@ -1,6 +1,5 @@
 import "../chunk-G2ADBYYC.js";
-import { isDate, nextYear, nextMonth } from "../common/deps/date-util";
-import { DATEPICKER } from "../common";
+import { DATEPICKER, formatDate, isDate1 as isDate, nextYear, nextMonth1 as nextMonth } from "@opentiny/utils";
 const calcDefaultValue = (value) => {
   if (Array.isArray(value)) {
     return [new Date(value[0]), new Date(value[1])];
@@ -58,7 +57,10 @@ const watchDefaultValue = ({ state }) => (data) => {
     state.rightDate = data && data[1] && left.getFullYear() !== right.getFullYear() && state.unlinkPanels ? right : nextYear(state.leftDate);
   }
 };
-const handleRangePick = ({ api, state }) => (val, close = true) => {
+const handleRangePick = ({ api, state, props }) => (val, close = true) => {
+  if (props.readonly) {
+    return;
+  }
   const maxDate = val.maxDate;
   const minDate = val.minDate;
   if (state.minDate === minDate && state.maxDate === maxDate) {
@@ -78,11 +80,24 @@ const handleRangePick = ({ api, state }) => (val, close = true) => {
   }
   api.handleConfirm();
 };
-const handleShortcutClick = (api) => (shortcutEvent) => {
+const handleShortcutClick = (state, api, props) => (shortcutEvent) => {
   if (shortcutEvent.onClick) {
     const choose = {
       $emit: (type, [start, end]) => {
-        api.doPick(start, end);
+        var _a;
+        if ((_a = props.shortcuts) == null ? void 0 : _a.length) {
+          state.value = [start, end];
+          state.leftStartYear = Math.floor(start.getFullYear() / 10) * 10;
+          state.rightStartYear = state.leftStartYear + DATEPICKER.PanelYearNum;
+          state.leftDate = start;
+          state.rightDate = end;
+          api.handleRangePick({
+            minDate: isDate(start) ? start.getFullYear() : start,
+            maxDate: isDate(end) ? end.getFullYear() : end
+          });
+        } else {
+          api.doPick(start, end);
+        }
       }
     };
     shortcutEvent.onClick(choose);
@@ -91,15 +106,36 @@ const handleShortcutClick = (api) => (shortcutEvent) => {
 const doPick = (emit) => (begin, end) => {
   emit("pick", [begin, end], false);
 };
-const leftPrevYear = (state) => () => {
-  state.leftStartYear = state.leftStartYear - DATEPICKER.PanelYearNum * 2;
+const leftPrevYear = (state, api) => () => {
+  state.leftStartYear = state.leftStartYear - DATEPICKER.PanelYearNum;
+  if (!state.unlinkPanels) {
+    api.rightPrevYear();
+  }
 };
-const rightNextYear = (state) => () => {
-  state.leftStartYear = state.leftStartYear + DATEPICKER.PanelYearNum * 2;
+const leftNextYear = (state) => () => {
+  state.leftStartYear = state.leftStartYear + DATEPICKER.PanelYearNum;
 };
-const handleConfirm = ({ api, emit, state }) => (show = false) => {
+const rightPrevYear = (state) => () => {
+  state.rightStartYear = state.rightStartYear - DATEPICKER.PanelYearNum;
+};
+const rightNextYear = (state, api) => () => {
+  state.rightStartYear = state.rightStartYear + DATEPICKER.PanelYearNum;
+  if (!state.unlinkPanels) {
+    api.leftNextYear();
+  }
+};
+const handleConfirm = ({ api, emit, state, t }) => (show = false) => {
   const { minDate, maxDate } = state;
-  api.isValidValue([minDate, maxDate]) && emit("pick", [new Date(minDate, 0, 2), new Date(maxDate, 0, 2)], show);
+  const newMin = minDate ? new Date(minDate, 0, 2) : null;
+  const newMax = maxDate ? new Date(maxDate, 0, 2) : null;
+  if (api.isValidValue([newMin, newMax])) {
+    emit("pick", [newMin, newMax], show);
+    const defaultFormat = DATEPICKER.DateFormats.year;
+    const start = formatDate(newMin, defaultFormat, t);
+    const end = formatDate(newMax, defaultFormat, t);
+    emit("update:modelValue", [start, end]);
+    emit("select-change", [start, end]);
+  }
 };
 const isValidValue = (state) => (data) => {
   return data && Array.isArray(data) && data[1] && data[0] && isDate(data[1]) && isDate(data[0]) && data[0] <= data[1] && (typeof state.disabledDate === "function" ? !state.disabledDate(data[1]) && !state.disabledDate(data[0]) : true);
@@ -108,6 +144,17 @@ const resetView = (state) => () => {
   state.maxDate = state.value && isDate(state.value[0]) ? new Date(state.value[1]) : null;
   state.minDate = state.value && isDate(state.value[0]) ? new Date(state.value[0]) : null;
 };
+const watchModelValue = ({ state }) => (val) => {
+  if ((val == null ? void 0 : val.length) === 2) {
+    const start = new Date(val[0], 0, 2);
+    const end = new Date(val[1], 0, 2);
+    state.value = [start, end];
+    state.minDate = start;
+    state.maxDate = end;
+    state.leftDate = start;
+    state.rightDate = end;
+  }
+};
 export {
   calcDefaultValue,
   doPick,
@@ -117,9 +164,12 @@ export {
   handleRangePick,
   handleShortcutClick,
   isValidValue,
+  leftNextYear,
   leftPrevYear,
   resetView,
   rightNextYear,
+  rightPrevYear,
   watchDefaultValue,
+  watchModelValue,
   watchValue
 };