@opentiny/vue-renderless 3.22.0 → 3.23.0

package/autocomplete/index.js

@@ -61,6 +61,9 @@ const handleFocus = ({
   }
 };
 const handleBlur = ({ emit, state, dispatch, props }) => () => {
+  if (!state.activated) {
+    return;
+  }
   state.suggestionDisabled = true;
   emit("blur");
   if (state.validateEvent) {

package/base-select/index.js

@@ -222,7 +222,6 @@ const getResultOfSetSelected = ({ state, api, props }) => {
   return result;
 };
 const setSelected = ({ api, nextTick, props, vm, state }) => () => {
-  var _a, _b, _c, _d;
   if (!props.multiple) {
     const option = getOptionOfSetSelected({ api, props });
     state.selected = option;
@@ -231,7 +230,7 @@ const setSelected = ({ api, nextTick, props, vm, state }) => () => {
   } else {
     const result = getResultOfSetSelected({ state, props, api });
     state.selectCls = result.length ? result.length === state.options.length ? "checked-sur" : "halfselect" : "check";
-    if (!((_b = (_a = state.selected) == null ? void 0 : _a[0]) == null ? void 0 : _b.isTree) && !((_d = (_c = state.selected) == null ? void 0 : _c[0]) == null ? void 0 : _d.isGrid)) {
+    if (!vm.$slots.panel) {
       state.selected = result;
     }
     state.selected.length && (state.selectedLabel = "");

package/calendar-view/index.js

@@ -233,7 +233,16 @@ function splitEvent(props, event) {
   }
   return result;
 }
-const selectDay = ({ state, emit }) => (day, i) => {
+const computedSelectDay = ({ state }) => (day) => {
+  if (!day || !day.value || day.disabled)
+    return false;
+  if (state.multiSelect) {
+    return state.selectedDates.includes(day.value);
+  } else {
+    return state.selectedDate === day.value;
+  }
+};
+const selectDay = ({ props, state, emit, api }) => (day, i) => {
   if (!day || !day.value || day.disabled)
     return;
   state.activedWeekIndex = i;
@@ -247,9 +256,10 @@ const selectDay = ({ state, emit }) => (day, i) => {
     } else {
       state.selectedDates.push(date);
     }
+    const dateEvent = dealEvents(props, api, state.selectedDates);
     emit("update:modelValue", state.selectedDates);
     emit("selected-date-change", state.selectedDates);
-    emit("date-click", date);
+    emit("date-click", state.selectedDates, dateEvent);
   } else {
     if (day.isNext) {
       const { year, month } = nextMonth(state.activeYear, state.activeMonth);
@@ -263,10 +273,21 @@ const selectDay = ({ state, emit }) => (day, i) => {
     }
     state.selectedDate = day.value.toString().length > 2 ? day.value : `${state.activeYear}-${state.activeMonth}-${day.value}`;
     state.showSelectedDateEvents = true;
+    const dateEvent = dealEvents(props, api, [state.selectedDate]);
     emit("update:modelValue", state.selectedDate);
-    emit("date-click", state.selectedDate);
+    emit("date-click", state.selectedDate, dateEvent[0]);
   }
 };
+const dealEvents = (props, api, date) => {
+  return date.map((item) => {
+    let event = api.getEventByTime(item, props._constants.DAY_START_TIME, props._constants.DAY_END_TIME);
+    event.forEach((e) => {
+      delete e.dayArr;
+      delete e.dayNumber;
+    });
+    return event;
+  });
+};
 const getEventByMonth = ({ state }) => (year, month) => {
   const result = [];
   const days = getDays(Number(year), Number(month));
@@ -608,6 +629,7 @@ function resetTouchStatus(state) {
 export {
   computeCascaderOptions,
   computedCalendar,
+  computedSelectDay,
   currentDateChange,
   dateIsToday,
   genDayTimes,

package/calendar-view/vue.js

@@ -2,6 +2,7 @@ import "../chunk-G2ADBYYC.js";
 import {
   computedCalendar,
   handleEvents,
+  computedSelectDay,
   selectDay,
   getEventByTime,
   isToday,
@@ -47,6 +48,7 @@ const api = [
   "isToday",
   "dateIsToday",
   "getEventByTime",
+  "computedSelectDay",
   "selectDay",
   "toToday",
   "getPrevWeek",
@@ -254,7 +256,8 @@ const initApi = ({ vm, api: api2, state, t, props, emit, nextTick }) => {
     computeCascaderOptions: computeCascaderOptions(t),
     isToday: isToday(state),
     dateIsToday: dateIsToday(),
-    selectDay: selectDay({ state, emit }),
+    selectDay: selectDay({ props, state, emit, api: api2 }),
+    computedSelectDay: computedSelectDay({ state }),
     getEventByTime: getEventByTime({ props, state }),
     toToday: toToday({ state, api: api2, nextTick }),
     getAllWednesdaysInYear: getAllWednesdaysInYear({ state }),

package/cascader-node/vue.js

@@ -8,7 +8,7 @@ import {
   handleNodeClick
 } from "./index";
 const api = ["state", "handleMultiCheckChange", "handleCheckChange", "handleExpand", "handleNodeClick"];
-const renderless = (props, { computed, reactive, inject }, { dispatch }) => {
+const renderless = (props, { computed, reactive, inject, watch }, { dispatch }) => {
   const parent = inject("panel");
   const api2 = {};
   const state = reactive({
@@ -24,6 +24,16 @@ const renderless = (props, { computed, reactive, inject }, { dispatch }) => {
       return parent.state.renderLabelFn ? parent.state.renderLabelFn({ node: props.node, data: props.node.data }) : props.node.label;
     })
   });
+  if (parent.state.config.expandTrigger !== "click") {
+    watch(
+      () => state.checkedValue,
+      (checkedValue) => {
+        if (checkedValue.includes(props.node.value)) {
+          api2.handleExpand();
+        }
+      }
+    );
+  }
   Object.assign(api2, {
     state,
     isInPath: isInPath(props),

package/date-panel/index.js

@@ -453,7 +453,13 @@ const getRenderTz = ({ state }) => (value) => {
   if (!state.showTimezone || !value) {
     return;
   }
-  state.renderTzdata = value[state.lang];
+  const lang = state.lang.replace(/[-_]/g, "").toLowerCase();
+  Object.keys(value).forEach((key) => {
+    if (key.replace(/[-_]/g, "").toLowerCase() === lang) {
+      value[lang] = value[key];
+    }
+  });
+  state.renderTzdata = value[lang];
   if (state.renderTzdata) {
     const { isServiceTimezone, to } = state.timezone;
     const selectedTz = state.selectedTz || {};

package/date-range/index.js

@@ -396,6 +396,9 @@ const handleConfirm = ({ api, emit, state, props, t }) => (visible = false) => {
     emit("update:modelValue", [start, end]);
     emit("select-change", [start, end]);
   }
+  if (state.minDate && !state.maxDate) {
+    emit("pick", [state.minDate, state.maxDate], visible, true);
+  }
 };
 const isValidValue = ({ state }) => (value) => Array.isArray(value) && value && value[0] && value[1] && toDate1(value[0]) && toDate1(value[1]) && value[0].getTime() <= value[1].getTime() && (typeof state.disabledDate === "function" ? !state.disabledDate(value[0]) && !state.disabledDate(value[1]) : true);
 const resetView = ({ state }) => () => {

package/dialog-select/index.js

@@ -44,7 +44,8 @@ const queryGridData = ({ api, props, state }) => () => {
     }
   }
 };
-const multiGridSelectAll = ({ api, props, state }) => ({ selection, checked }) => {
+const multiGridSelectAll = ({ api, props, state }) => ({ selection, checked, $table }, event) => {
+  var _a, _b;
   if (checked) {
     arrayEach(selection, (item) => {
       const index = findIndexOf(state.selectedValues, (val) => val === item[props.valueField]);
@@ -67,9 +68,12 @@ const multiGridSelectAll = ({ api, props, state }) => ({ selection, checked }) =
     state.selectedChanged = true;
   }
   api.selectedBoxInit();
+  if ((_b = (_a = props.gridOp) == null ? void 0 : _a.events) == null ? void 0 : _b.selectAll) {
+    props.gridOp.events.selectAll({ selection, checked, $table }, event);
+  }
 };
-const multiGridSelectChange = ({ api, props, state, vm }) => ({ row, checked }) => {
-  var _a, _b, _c, _d, _e;
+const multiGridSelectChange = ({ api, props, state, vm }) => ({ row, checked, $table }, event) => {
+  var _a, _b, _c, _d, _e, _f, _g;
   const property = props.valueField;
   const grid = (_a = vm.$refs) == null ? void 0 : _a.multiGrid;
   const selectedRows = grid.getSelectRecords();
@@ -103,6 +107,9 @@ const multiGridSelectChange = ({ api, props, state, vm }) => ({ row, checked })
     }
   }
   api.selectedBoxInit();
+  if ((_g = (_f = props.gridOp) == null ? void 0 : _f.events) == null ? void 0 : _g.selectChange) {
+    props.gridOp.events.selectChange({ row, checked, $table }, event);
+  }
 };
 const selectedBoxInit = ({ props, vm, nextTick }) => () => {
   const { multi, showSelectedBox } = props;
@@ -420,10 +427,14 @@ const multiTreeRadio = ({ api, props }) => () => {
     api.multiTreeCheck();
   }
 };
-const multiGridRadioChange = ({ props, state }) => ({ row }) => {
+const multiGridRadioChange = ({ props, state }) => ({ row, $table }, event) => {
+  var _a, _b;
   state.selectedValues = [row[props.valueField]];
   state.selectedDatas = [row];
   state.selectedChanged = true;
+  if ((_b = (_a = props.gridOp) == null ? void 0 : _a.events) == null ? void 0 : _b.radioChange) {
+    props.gridOp.events.radioChange({ row, $table }, event);
+  }
 };
 const watchMulti = ({ api, state, props }) => () => {
   state.splitValue = props.multi ? 0.7 : 1;

package/grid/plugins/export.js

@@ -39,6 +39,12 @@ const getCsvContent = ($table, opts, oColumns, oData) => {
   const { columns, datas } = getCsvData(opts, oData, oColumns, tableEl);
   let content = "\uFEFF";
   const transfrom = (str) => {
+    if (str === null || str === void 0) {
+      return "" + tab;
+    }
+    if (typeof str === "number" && isNaN(str)) {
+      return "-" + tab;
+    }
     if (typeof str === "string" && str.replace(/ /g, "").match(/[\s,"]/)) {
       str = '"' + str.replace(/"/g, '""') + '"';
     }

package/image-viewer/vue.js

@@ -210,7 +210,7 @@ const initWatch = ({ watch, state, api: api2, props, nextTick, vm }) => {
     () => {
       state.urlList = props.urlList;
     },
-    { deep: true }
+    { deep: true, immediate: true }
   );
 };
 const renderless = (props, { computed, onMounted, onBeforeUnmount, onUpdated, reactive, watch, inject, provide }, { t, parent, nextTick, emit, constants, vm, mode }) => {

package/month-range/index.js

@@ -135,6 +135,9 @@ const handleConfirm = ({ api, emit, state, props, t }) => (visible = false) => {
     emit("update:modelValue", [start, end]);
     emit("select-change", [start, end]);
   }
+  if (state.minDate && !state.maxDate) {
+    emit("pick", [state.minDate, state.maxDate], visible, true);
+  }
 };
 const isValidValue = (state) => (value) => Array.isArray(value) && value && value[1] && value[0] && isDate(value[1]) && isDate(value[0]) && value[0].getTime() <= value[1].getTime() && (typeof state.disabledDate === "function" ? !state.disabledDate(value[1]) && !state.disabledDate(value[0]) : true);
 const resetView = (state) => () => {

package/number-animation/index.js

@@ -0,0 +1,53 @@
+import "../chunk-G2ADBYYC.js";
+const onFinish = ({ emit, props, state }) => () => {
+  state.value = props.to;
+  state.animating = false;
+  emit("finish");
+};
+const easeOut = (t) => 1 - (1 - t) ** 5;
+const play = ({ props, state, api }) => () => {
+  animate(state, props, api);
+};
+const animate = (state, props, api) => {
+  state.animating = true;
+  state.value = props.from;
+  if (props.from !== props.to) {
+    const startTime = performance.now();
+    const tick = () => {
+      const current = performance.now();
+      const elapsedTime = Math.min(current - startTime, props.duration);
+      const currentValue = props.from + (props.to - props.from) * easeOut(elapsedTime / props.duration);
+      if (elapsedTime === props.duration) {
+        api.onFinish();
+        return;
+      }
+      state.value = currentValue;
+      requestAnimationFrame(tick);
+    };
+    tick();
+  }
+};
+const formattedValue = ({ state, props }) => () => {
+  if (typeof state.value !== "number" && typeof state.value !== "string")
+    return;
+  if (typeof props.precision !== "number")
+    return;
+  const numValue = Number(state.value);
+  if (isNaN(numValue) || !isFinite(numValue))
+    return;
+  if (numValue === 0) {
+    return numValue.toFixed(props.precision);
+  }
+  let formatValue = numValue.toFixed(props.precision);
+  if (typeof props.separator === "string" && props.separator !== "") {
+    const [integerPart, decimalPart] = formatValue.split(".");
+    formatValue = integerPart.replace(/(\d)(?=(\d{3})+$)/g, "$1" + props.separator) + (decimalPart ? "." + decimalPart : "");
+  }
+  return formatValue;
+};
+export {
+  animate,
+  formattedValue,
+  onFinish,
+  play
+};

package/number-animation/vue.js

@@ -0,0 +1,27 @@
+import "../chunk-G2ADBYYC.js";
+import { play, formattedValue, onFinish } from "./index";
+const api = ["state", "play", "formattedValue", "onFinish"];
+const renderless = (props, { onMounted, computed, reactive }, { emit }) => {
+  const api2 = {};
+  const state = reactive({
+    animating: true,
+    value: props.from,
+    showValue: computed(() => api2.formattedValue(state, props))
+  });
+  onMounted(() => {
+    if (props.active) {
+      api2.play(props, state);
+    }
+  });
+  Object.assign(api2, {
+    state,
+    play: play({ props, state, api: api2 }),
+    formattedValue: formattedValue({ state, props }),
+    onFinish: onFinish({ emit, props, state })
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.22.0",
+  "version": "3.23.0",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
@@ -25,8 +25,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@opentiny/utils": "~3.22.0",
-    "@opentiny/vue-hooks": "~3.22.0",
+    "@opentiny/utils": "~3.23.0",
+    "@opentiny/vue-hooks": "~3.23.0",
     "color": "4.2.3"
   },
   "devDependencies": {

package/picker/index.js

@@ -46,8 +46,8 @@ const watchMobileVisible = ({ api, props, state, nextTick }) => ([dateMobileVisi
     });
   }
 };
-const watchPickerVisible = ({ api, vm, dispatch, emit, props, state, nextTick }) => (value) => {
-  if (props.readonly || state.pickerDisabled || state.isMobileScreen)
+const watchPickerVisible = ({ api, vm, dispatch, emit, props, state, nextTick, isPCMode }) => (value) => {
+  if (props.readonly || state.pickerDisabled || state.isMobileScreen && !isPCMode)
     return;
   if (value) {
     api.showPicker();
@@ -704,18 +704,18 @@ const handleClose = ({ api, props, state }) => () => {
     api.emitInput(oldValue, true);
   }
 };
-const handleFocus = ({ emit, vm, state, api, props }) => () => {
+const handleFocus = ({ emit, vm, state, api, props, isPCMode }) => () => {
   const type = state.type;
   if (props.readonly || state.pickerDisabled) {
     return;
   }
   if (DATEPICKER.TriggerTypes.includes(type)) {
-    if (state.isMobileScreen && state.isDateMobileComponent) {
+    if (!state.isMobileScreen || isPCMode) {
+      state.pickerVisible = true;
+    } else if (state.isDateMobileComponent) {
       api.dateMobileToggle(true);
-    } else if (state.isMobileScreen && state.isTimeMobileComponent) {
+    } else if (state.isTimeMobileComponent) {
       api.timeMobileToggle(true);
-    } else {
-      state.pickerVisible = true;
     }
   }
   emit("focus", vm.$refs.reference);
@@ -786,14 +786,19 @@ const showPicker = ({ api, nextTick, updatePopper, state }) => () => {
     state.picker.adjustSpinners && state.picker.adjustSpinners();
   });
 };
-const handlePick = ({ state, api }) => (date = "", visible = false) => {
+const handlePick = ({ state, api }) => (date = "", visible = false, chooseOne = false) => {
   if (!state.picker)
     return;
-  state.userInput = null;
-  state.pickerVisible = state.picker.state.visible = visible;
-  api.emitInput(date, visible);
-  state.date = date;
-  state.picker.resetView && state.picker.resetView();
+  if (chooseOne) {
+    const minDate = date && date[0] || "";
+    state.userInput = [api.formatToString(minDate), null];
+  } else {
+    state.userInput = null;
+    state.pickerVisible = state.picker.state.visible = visible;
+    api.emitInput(date, visible);
+    state.date = date;
+    state.picker.resetView && state.picker.resetView();
+  }
 };
 const handleSelectRange = (state) => (start, end, pos) => {
   if (state.refInput.length === 0) {

package/picker/vue.js

@@ -154,7 +154,7 @@ const initState = ({ api: api2, reactive, vm, computed, props, utils, parent, br
   });
   return state;
 };
-const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent }) => {
+const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent, isPCMode }) => {
   const { t, emit, dispatch, nextTick, vm } = vnode;
   const { TimePanel, TimeRangePanel } = others;
   const { destroyPopper, popperElm, updatePopper } = initPopper({ props, hooks, vnode });
@@ -166,7 +166,7 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent
     hidePicker: hidePicker({ destroyPopper, state }),
     handleSelectChange: ({ tz, date }) => !state.ranged && emit("select-change", { tz, date }),
     getPanel: getPanel(others),
-    handleFocus: handleFocus({ emit, vm, state, api: api2, props }),
+    handleFocus: handleFocus({ emit, vm, state, api: api2, props, isPCMode }),
     getTimezone: getTimezone({ props, utils }),
     emitChange: emitChange({ api: api2, dispatch, emit, props, state }),
     parsedValue: parsedValue({ api: api2, props, state, t }),
@@ -189,7 +189,7 @@ const initApi = ({ api: api2, props, hooks, state, vnode, others, utils, parent
     handleClose: handleClose({ api: api2, props, state }),
     displayValue: displayValue({ api: api2, props, state }),
     handlePick: handlePick({ api: api2, state }),
-    watchPickerVisible: watchPickerVisible({ api: api2, vm, dispatch, emit, props, state, nextTick }),
+    watchPickerVisible: watchPickerVisible({ api: api2, vm, dispatch, emit, props, state, nextTick, isPCMode }),
     watchMobileVisible: watchMobileVisible({ api: api2, props, state, nextTick }),
     formatToString: formatToString({ api: api2, state }),
     watchIsRange: watchIsRange({ api: api2, state, TimePanel, TimeRangePanel }),
@@ -263,12 +263,12 @@ const initWatch = ({ api: api2, state, props, watch, markRaw }) => {
 const renderless = (props, hooks, vnode, others) => {
   const api2 = {};
   const { reactive, computed, watch, onBeforeUnmount, inject, markRaw, onMounted } = hooks;
-  const { vm, service, parent, useBreakpoint } = vnode;
+  const { vm, service, parent, useBreakpoint, isPCMode } = vnode;
   const { utils = {} } = service || {};
   const breakpoint = useBreakpoint();
   const state = initState({ api: api2, reactive, vm, computed, props, utils, parent, inject, breakpoint });
   parent.tinyForm = parent.tinyForm || inject("form", null);
-  initApi({ api: api2, props, hooks, state, vnode, others, utils, parent });
+  initApi({ api: api2, props, hooks, state, vnode, others, utils, parent, isPCMode });
   initWatch({ api: api2, state, props, watch, markRaw });
   api2.initGlobalTimezone();
   onMounted(() => {

package/tabs-mf/index.js

@@ -204,6 +204,9 @@ const wheelListener = ({ vm, api, tabs, state }) => debounce(10, (e) => {
 });
 const getBoundRect = (vm) => () => vm.$el.getBoundingClientRect();
 const handleClickDropdownItem = (tabs) => (name) => tabs.clickMore(name);
+const scrollToLeft = (tabs) => () => {
+  tabs.scrollTo(tabs.state.navs[0].name);
+};
 const key = (opt) => opt.name + "-" + random();
 const emitAdd = (tabs) => () => {
   tabs.$emit("edit", null, "add");
@@ -279,6 +282,7 @@ export {
   onTouchstart,
   removeItem,
   scrollTo,
+  scrollToLeft,
   setActive,
   sortItem,
   unobserveTabSwipeSize,

package/tabs-mf/vue-bar.js

@@ -1,9 +1,9 @@
 import "../chunk-G2ADBYYC.js";
 import { addResizeListener, removeResizeListener } from "@opentiny/utils";
-import { wheelListener, getBoundRect, handleClickDropdownItem, key, emitAdd } from "./index";
+import { wheelListener, getBoundRect, handleClickDropdownItem, key, emitAdd, scrollToLeft } from "./index";
 import { getAddWheelListener } from "./wheel";
 const { addWheelListener, removeWheelListener } = getAddWheelListener(window, document);
-const api = ["state", "wheelListener", "handleClickDropdownItem", "key", "emitAdd"];
+const api = ["state", "wheelListener", "handleClickDropdownItem", "key", "emitAdd", "scrollToLeft"];
 const renderless = (props, { onMounted, onBeforeUnmount, reactive, watch, inject, computed }, { vm }) => {
   const tabs = inject("tabs", null);
   const state = reactive({
@@ -21,7 +21,8 @@ const renderless = (props, { onMounted, onBeforeUnmount, reactive, watch, inject
     getBoundRect: getBoundRect(vm),
     handleClickDropdownItem: handleClickDropdownItem(tabs),
     key,
-    emitAdd: emitAdd(tabs)
+    emitAdd: emitAdd(tabs),
+    scrollToLeft: scrollToLeft(tabs)
   };
   Object.assign(api2, {
     state,

package/transfer/index.js

@@ -202,6 +202,44 @@ const sortableEvent = ({
 };
 const getLeftCheckedData = ({ props, state }) => () => state.sourceData.filter((item) => !item[props.props.disabled]);
 const getRightCheckedData = ({ props, state }) => () => state.targetData.filter((item) => !item[props.props.disabled]);
+const recurseTreeDataToDisabled = (treeData, childrenProp, idProp, currentValue = []) => {
+  treeData.forEach((item) => {
+    if (item[childrenProp]) {
+      recurseTreeDataToDisabled(item[childrenProp], childrenProp, idProp, currentValue);
+    }
+    if (currentValue.includes(item[idProp])) {
+      item.disabled = true;
+    } else if (item.__disabled) {
+      item.disabled = true;
+    } else {
+      item.disabled = false;
+    }
+  });
+};
+const recurseTreeDataToFlagInitDisabled = (treeData, childrenProp, idProp, modelValue) => {
+  if (treeData.__inited)
+    return;
+  treeData.__inited = true;
+  treeData.forEach((item) => {
+    if (item[childrenProp]) {
+      recurseTreeDataToFlagInitDisabled(item[childrenProp], childrenProp, idProp, modelValue);
+    }
+    if (item.disabled) {
+      item.__disabled = true;
+    }
+    if (modelValue.includes(item[idProp])) {
+      item.disabled = true;
+    }
+  });
+};
+const setCheckedOnMounted = ({ props, vm, Tree }) => () => {
+  if (props.render && props.render.plugin.name === Tree) {
+    setTimeout(() => {
+      var _a, _b, _c;
+      (_c = (_b = (_a = vm.$refs.leftPanel) == null ? void 0 : _a.$refs) == null ? void 0 : _b.plugin) == null ? void 0 : _c.setCheckedKeys(props.modelValue);
+    }, 50);
+  }
+};
 export {
   addToLeft,
   addToRight,
@@ -215,5 +253,8 @@ export {
   logicFun,
   onSourceCheckedChange,
   onTargetCheckedChange,
+  recurseTreeDataToDisabled,
+  recurseTreeDataToFlagInitDisabled,
+  setCheckedOnMounted,
   sortableEvent
 };

package/transfer/vue.js

@@ -11,34 +11,48 @@ import {
   addToLeft,
   addToRight,
   clearQuery,
-  sortableEvent
+  sortableEvent,
+  recurseTreeDataToFlagInitDisabled,
+  recurseTreeDataToDisabled,
+  setCheckedOnMounted
 } from "./index";
 const api = ["state", "onSourceCheckedChange", "onTargetCheckedChange", "addToLeft", "addToRight", "clearQuery"];
-const initState = ({ reactive, computed, api: api2, props, h, slots }) => reactive({
-  leftChecked: [],
-  rightChecked: [],
-  rightData: computed(() => api2.getRightCheckedData()),
-  leftData: computed(() => api2.getLeftCheckedData()),
-  dataObj: computed(() => api2.getObj()),
-  sourceData: computed(() => api2.getSourceData()),
-  targetData: computed(() => api2.getTargetData()),
-  hasButtonTexts: computed(() => props.buttonTexts.length === 2),
-  isToLeft: false,
-  optionRender: computed(() => (option) => {
-    if (props.renderContent) {
-      return props.renderContent(h, option);
-    }
-    if (slots.default) {
-      return slots.default({ option });
-    }
-    return h("span", option[props.props.label] || option[props.props.key]);
-  })
-});
-const renderless = (props, { computed, onMounted, reactive, h }, { $prefix, emit, refs, parent, slots, vm }) => {
+const initState = ({ reactive, computed, api: api2, props, h, slots, Tree }) => {
+  const state = reactive({
+    leftChecked: [],
+    rightChecked: [],
+    rightData: computed(() => api2.getRightCheckedData()),
+    leftData: computed(() => api2.getLeftCheckedData()),
+    dataObj: computed(() => api2.getObj()),
+    sourceData: computed(() => api2.getSourceData()),
+    targetData: computed(() => api2.getTargetData()),
+    hasButtonTexts: computed(() => props.buttonTexts.length === 2),
+    isToLeft: false,
+    optionRender: computed(() => (option) => {
+      if (props.renderContent) {
+        return props.renderContent(h, option);
+      }
+      if (slots.default) {
+        return slots.default({ option });
+      }
+      return h("span", option[props.props.label] || option[props.props.key]);
+    }),
+    isToLeftBtnDisabled: computed(() => {
+      var _a, _b;
+      if (((_b = (_a = props.render) == null ? void 0 : _a.plugin) == null ? void 0 : _b.name) === Tree) {
+        return props.toLeftDisable && state.leftChecked.length <= props.modelValue.length;
+      }
+      return props.toLeftDisable && state.leftChecked.length === 0;
+    })
+  });
+  return state;
+};
+const renderless = (props, { computed, onMounted, reactive, h, watch }, { $prefix, emit, refs, parent, slots, vm }) => {
+  var _a, _b;
   const api2 = {};
   const Tree = $prefix + "Tree";
   const Table = $prefix + "Table";
-  const state = initState({ reactive, computed, api: api2, props, h, slots });
+  const state = initState({ reactive, computed, api: api2, props, h, slots, Tree });
   const { DROPPANEL, TRANSFERPANEL } = parent.$constants;
   Object.assign(api2, {
     state,
@@ -53,9 +67,35 @@ const renderless = (props, { computed, onMounted, reactive, h }, { $prefix, emit
     onSourceCheckedChange: onSourceCheckedChange({ emit, state }),
     logicFun: logicFun({ props, emit, state, vm }),
     getTargetData: getTargetData({ props, state, Tree, Table }),
-    sortableEvent: sortableEvent({ api: api2, droppanel: DROPPANEL, props, queryDom: TRANSFERPANEL, refs })
+    sortableEvent: sortableEvent({ api: api2, droppanel: DROPPANEL, props, queryDom: TRANSFERPANEL, refs }),
+    setCheckedOnMounted: setCheckedOnMounted({ props, vm, Tree })
   });
+  if (((_b = (_a = props.render) == null ? void 0 : _a.plugin) == null ? void 0 : _b.name) === Tree) {
+    watch(
+      props.data,
+      (value) => {
+        recurseTreeDataToFlagInitDisabled(
+          value,
+          props.props.children || "children",
+          props.props.key || "key",
+          props.modelValue
+        );
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.modelValue,
+      (value) => {
+        var _a2, _b2;
+        if (((_b2 = (_a2 = props.render) == null ? void 0 : _a2.plugin) == null ? void 0 : _b2.name) === Tree) {
+          recurseTreeDataToDisabled(props.data, props.props.children || "children", props.props.key || "key", value);
+          api2.setCheckedOnMounted();
+        }
+      }
+    );
+  }
   onMounted(api2.sortableEvent);
+  onMounted(api2.setCheckedOnMounted);
   return api2;
 };
 export {

package/transfer-panel/index.js

@@ -185,6 +185,11 @@ const handlePageChange = (state) => (currentPage) => {
 const getFilterTreeData = ({ props, state }) => (data) => {
   const getChild = (data2, query) => {
     data2.forEach((node) => {
+      if (node.__disabled) {
+        node.disabled = true;
+      } else if (!props.showLeft) {
+        node.disabled = false;
+      }
       const label = node[state.labelProp];
       if (typeof props.treeOp.filterNodeMethod === "function") {
         const result = props.treeOp.filterNodeMethod(state.query, node);

package/tree-select/index.js

@@ -28,8 +28,7 @@ const check = ({ props, vm, emit }) => (data, { checkedNodes }) => {
         currentValue.push(node[props.valueField]);
         return __spreadProps(__spreadValues({}, node), {
           currentLabel: node[props.textField],
-          value: node[props.valueField],
-          isTree: true
+          value: node[props.valueField]
         });
       })
     );
@@ -63,40 +62,51 @@ const getPluginOption = ({ api, props, state }) => (value) => {
   }
   return items;
 };
-const getCheckedData = ({ props, state }) => () => {
+const getCheckedData = ({ props, state }) => (selected) => {
   const checkedKey = [];
-  if (!Array.isArray(state.selected)) {
-    return props.modelValue ? [props.modelValue] : [state.selected[props.valueField]];
+  if (!Array.isArray(selected)) {
+    return props.modelValue ? [props.modelValue] : [selected[props.valueField]];
   } else {
-    state.selected.length > 0 && state.selected.forEach((item) => {
+    selected.length > 0 && selected.forEach((item) => {
       checkedKey.push(item[props.valueField]);
     });
     return checkedKey;
   }
 };
+const getChildValue = () => (childNodes, key) => {
+  const ids = [];
+  const getChild = (nodes) => {
+    nodes.forEach((node) => {
+      ids.push(node.data[key]);
+      if (node.childNodes.length > 0) {
+        getChild(node.childNodes);
+      }
+    });
+  };
+  getChild(childNodes);
+  return ids;
+};
 const mounted = ({ api, state, props, vm }) => () => {
-  if (!state.value || state.value.length === 0)
+  if (!state.modelValue || state.modelValue.length === 0)
     return;
   if (props.multiple) {
     let initialNodes = [];
-    if (Array.isArray(state.value)) {
-      state.value.forEach((value) => {
+    if (Array.isArray(state.modelValue)) {
+      state.modelValue.forEach((value) => {
         const option = api.getPluginOption(value);
         initialNodes = initialNodes.concat(option);
       });
     }
-    vm.$refs.baseSelectRef.updateSelectedData(
-      initialNodes.map((node) => {
-        return __spreadProps(__spreadValues({}, node), {
-          currentLabel: node[props.textField],
-          value: node[props.valueField],
-          isTree: true
-        });
-      })
-    );
-    state.defaultCheckedKeys = api.getCheckedData()[0];
+    const selected = initialNodes.map((node) => {
+      return __spreadProps(__spreadValues({}, node), {
+        currentLabel: node[props.textField],
+        value: node[props.valueField]
+      });
+    });
+    vm.$refs.baseSelectRef.updateSelectedData(selected);
+    state.defaultCheckedKeys = api.getCheckedData(selected);
   } else {
-    const data = api.getPluginOption(state.value)[0];
+    const data = api.getPluginOption(state.modelValue)[0];
     vm.$refs.baseSelectRef.updateSelectedData(__spreadProps(__spreadValues({}, data), {
       currentLabel: data[props.textField],
       value: data[props.valueField],
@@ -107,12 +117,48 @@ const mounted = ({ api, state, props, vm }) => () => {
     state.currentKey = data[props.valueField];
   }
 };
+const watchValue = ({ api, props, vm, state }) => (newValue, oldValue) => {
+  if (props.multiple) {
+    const xorResult = oldValue.filter((item) => !newValue.includes(item));
+    const tagId = xorResult[0];
+    const treeIds = [tagId];
+    let checkedKeys = newValue;
+    if (xorResult.length === 1 && !props.treeOp.checkStrictly) {
+      let node = vm.$refs.treeRef.getNode(tagId);
+      if (!node.isLeaf) {
+        treeIds.push(...api.getChildValue(node.childNodes, props.valueField));
+      }
+      while (node.parent && !Array.isArray(node.parent.data)) {
+        node.parent.data && treeIds.push(node.parent.data[props.valueField]);
+        node = node.parent;
+      }
+      checkedKeys = newValue.filter((item) => !treeIds.includes(item));
+    }
+    let initialNodes = [];
+    if (Array.isArray(checkedKeys)) {
+      checkedKeys.forEach((value) => {
+        const option = api.getPluginOption(value);
+        initialNodes = initialNodes.concat(option);
+      });
+    }
+    const selected = initialNodes.map((node) => {
+      return __spreadProps(__spreadValues({}, node), {
+        currentLabel: node[props.textField],
+        value: node[props.valueField]
+      });
+    });
+    vm.$refs.baseSelectRef.updateSelectedData(selected);
+    vm.$refs.treeRef.setCheckedKeys(checkedKeys);
+  }
+};
 export {
   check,
   filter,
   getCheckedData,
+  getChildValue,
   getPluginOption,
   getTreeData,
   mounted,
-  nodeClick
+  nodeClick,
+  watchValue
 };

package/tree-select/vue.js

@@ -1,5 +1,15 @@
 import "../chunk-G2ADBYYC.js";
-import { check, filter, getCheckedData, getPluginOption, getTreeData, mounted, nodeClick } from "./index";
+import {
+  check,
+  filter,
+  getCheckedData,
+  getPluginOption,
+  getTreeData,
+  mounted,
+  nodeClick,
+  watchValue,
+  getChildValue
+} from "./index";
 const api = ["state", "check", "filter", "nodeClick"];
 const renderless = (props, { reactive, computed, watch, onMounted }, { vm, emit }) => {
   const api2 = {};
@@ -9,7 +19,7 @@ const renderless = (props, { reactive, computed, watch, onMounted }, { vm, emit
     defaultCheckedKeys: [],
     remoteData: [],
     treeData: props.treeOp.data,
-    value: computed(() => props.modelValue)
+    modelValue: []
   });
   Object.assign(api2, {
     state,
@@ -19,13 +29,27 @@ const renderless = (props, { reactive, computed, watch, onMounted }, { vm, emit
     getPluginOption: getPluginOption({ api: api2, props, state }),
     getTreeData: getTreeData({ props, state }),
     mounted: mounted({ api: api2, state, props, vm }),
-    nodeClick: nodeClick({ props, vm, emit })
+    nodeClick: nodeClick({ props, vm, emit }),
+    watchValue: watchValue({ api: api2, props, vm, state }),
+    getChildValue: getChildValue()
   });
   watch(
     () => props.treeOp.data,
     (data) => data && (state.treeData = data),
     { immediate: true, deep: true }
   );
+  watch(
+    () => props.modelValue,
+    () => {
+      if (props.multiple && Array.isArray(props.modelValue)) {
+        state.modelValue = [...props.modelValue];
+      } else {
+        state.modelValue = props.modelValue;
+      }
+    },
+    { immediate: true, deep: true }
+  );
+  watch(() => state.modelValue, api2.watchValue);
   onMounted(api2.mounted);
   return api2;
 };

package/types/button.type.d.ts

@@ -75,7 +75,7 @@ declare const buttonProps: {
         type: PropType<(ev: MouseEvent) => void>;
     };
     tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor;
+    tiny_mode_root: BooleanConstructor; /** 是否圆角按钮 */
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
     tiny_renderless: FunctionConstructor;
     tiny_theme: StringConstructor;

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/year-table/index.js

@@ -6,7 +6,10 @@ const getIsDefault = ({ props }) => (year) => {
   return Array.isArray(defaultValue) ? defaultValue.some((v) => v && v.getFullYear() === year) : defaultValue && defaultValue.getFullYear() === year;
 };
 const getIsDisabled = ({ props }) => (year) => {
-  return typeof props.disabledDate === "function" ? props.disabledDate(new Date(year, 0, 1, 0)) : false;
+  const MONTHS = Array.from({ length: 12 }, (_, i) => i);
+  return typeof props.disabledDate === "function" ? MONTHS.every(
+    (month) => props.disabledDate(new Date(year, month, 1))
+  ) : false;
 };
 const getIsCurrent = ({ props }) => (year) => {
   const execDate = typeof props.value === "object" ? props.value : toDate1(props.value);