@opentiny/vue-renderless 3.13.1 → 3.13.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.13.1",
+  "version": "3.13.2",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [

package/select/index.js

@@ -69,7 +69,7 @@ const gridOnQueryChange = ({ props, vm, constants, state }) => (value) => {
         state.remoteData = data.filter((row) => !~selectedIds.indexOf(row[valueField])).concat(state.selected);
       } else {
         vm.$refs.selectGrid.clearRadioRow();
-        vm.$refs.selectGrid.setRadioRow(find(data, (item) => props.modelValue == item[props.valueField]));
+        vm.$refs.selectGrid.setRadioRow(find(data, (item) => props.modelValue === item[props.valueField]));
         state.remoteData = data;
       }
       vm.$refs.selectGrid.$refs.tinyTable.lastScrollTop = 0;
@@ -190,6 +190,11 @@ const emitChange = ({ emit, props, state, constants }) => (value) => {
     }
   }
 };
+const directEmitChange = ({ emit, props, state }) => (value, key) => {
+  if (state.device === "mb" && props.multiple)
+    return;
+  emit("change", value, key);
+};
 const clearNoMatchValue = ({ props, emit }) => (newModelValue) => {
   if (!props.clearNoMatchValue) {
     return;
@@ -281,7 +286,7 @@ const setGridOrTreeSelected = ({ props, state, vm, isTree, api }) => {
   }
   const isRemote = state.filterOrSearch && props.remote && (typeof props.remoteMethod === "function" || typeof props.initQuery === "function");
   const nestdata = isRemote ? state.remoteData : isTree ? api.getTreeData(state.treeData) : state.gridData;
-  const data = find(nestdata, (item) => props.modelValue == item[props.valueField]);
+  const data = find(nestdata, (item) => props.modelValue === item[props.valueField]);
   if (isEmptyObject(data)) {
     api.clearNoMatchValue("");
     return;
@@ -322,7 +327,7 @@ const getPluginOption = ({ api, props, state }) => (value, isTree) => {
   const isRemote = state.filterOrSearch && props.remote && (typeof props.remoteMethod === "function" || typeof props.initQuery === "function");
   const { textField, valueField } = props;
   const sourceData = isRemote ? state.remoteData : isTree ? api.getTreeData(state.treeData) : state.gridData;
-  const selNode = find(sourceData, (item) => item[valueField] == value);
+  const selNode = find(sourceData, (item) => item[valueField] === value);
   const items = [];
   if (selNode) {
     selNode.currentLabel = selNode[textField];
@@ -330,12 +335,21 @@ const getPluginOption = ({ api, props, state }) => (value, isTree) => {
   }
   return items;
 };
-const toggleCheckAll = ({ api, emit, state, props }) => () => {
+const toggleCheckAll = ({ api, state }) => () => {
   const getEnabledValues = (options) => {
     let values = [];
     for (let i = 0; i < options.length; i++) {
-      if (!options[i].state.disabled && !options[i].state.groupDisabled) {
-        values.push(options[i].value);
+      const isEnabled = !options[i].state.disabled && !options[i].state.groupDisabled;
+      const isRequired = options[i].required;
+      const isDisabledAndChecked = !isEnabled && options[i].state.selectCls === "checked-sur";
+      if (state.isSelectAll) {
+        if (isRequired || isDisabledAndChecked) {
+          values.push(options[i].value);
+        }
+      } else {
+        if (isEnabled || isRequired || isDisabledAndChecked) {
+          values.push(options[i].value);
+        }
       }
     }
     return values;
@@ -347,22 +361,12 @@ const toggleCheckAll = ({ api, emit, state, props }) => () => {
     const unchecked = state.options.filter((item) => !item.disabled && item.state.selectCls === "check");
     unchecked.length ? value = getEnabledValues(state.options) : value = [];
   } else if (state.selectCls === "checked-sur") {
-    value = [];
-  }
-  const requiredValue = [];
-  if (props.multiple) {
-    state.options.forEach((opt) => {
-      if (opt.required)
-        requiredValue.push(opt.value);
-    });
-  }
-  if (Array.isArray(value)) {
-    value = requiredValue.concat(value.filter((val) => !requiredValue.find((requireVal) => requireVal === val)));
+    value = getEnabledValues(state.options);
   }
   api.setSoftFocus();
   state.isSilentBlur = true;
   api.updateModelValue(value);
-  emit("change", value);
+  api.directEmitChange(value);
 };
 const resetFilter = ({ state, api }) => () => {
   state.query = "";
@@ -831,7 +835,7 @@ const calcOverFlow = ({ vm, props, state }) => (height) => {
       } else {
         for (let i = 1; i < tags.length; i++) {
           let tx = tags[i].getBoundingClientRect().x;
-          if (tx == x) {
+          if (tx === x) {
             state.overflow = i - 1;
             break;
           }
@@ -930,7 +934,7 @@ const toHide = ({ constants, state, props, vm, api, nextTick }) => () => {
       );
     } else {
       vm.$refs.selectGrid.clearRadioRow();
-      vm.$refs.selectGrid.setRadioRow(find(fullData, (item) => props.modelValue == item[props.valueField]));
+      vm.$refs.selectGrid.setRadioRow(find(fullData, (item) => props.modelValue === item[props.valueField]));
     }
     if (state.filterOrSearch && typeof props.filterMethod === "function") {
       vm.$refs.selectGrid.handleTableData(true);
@@ -1071,6 +1075,7 @@ const nodeCheckClick = ({ emit, props, state, api }) => (data, { checkedKeys, ch
   state.selected = checkedNodes.filter((node) => {
     node.currentLabel = node[props.textField];
     node.value = node[props.valueField];
+    return node;
   });
   api.updateModelValue(checkedKeys);
   emit("change", checkedKeys, checkedNodes);
@@ -1150,7 +1155,7 @@ const buildRadioConfig = ({ props, state }) => () => {
   const radioConfig = props.radioConfig;
   return __spreadValues(__spreadValues({}, radioConfig), { checkRowKey, highlight });
 };
-const onMouseenterNative = ({ state }) => (e) => {
+const onMouseenterNative = ({ state }) => () => {
   state.inputHovering = true;
   if (state.searchSingleCopy && state.selectedLabel) {
     state.softFocus = true;
@@ -1199,7 +1204,7 @@ const calcCollapseTags = ({ state, vm }) => () => {
   const collapseTagWidth = collapseTag && parseFloat(collapseTagContentWidth) + parseFloat(marginRight);
   const tagList = Array.from(tags.querySelectorAll(".tiny-tag"));
   let { total, dom, idx } = { total: collapseTagWidth, dom: null, idx: 0 };
-  tagList.some((tag, index) => {
+  tagList.forEach((tag, index) => {
     if (tag !== collapseTag) {
       const { width: tagContentWidth, marginRight: marginRight2 } = tag && window.getComputedStyle(tag);
       total += parseFloat(tagContentWidth) + parseFloat(marginRight2);
@@ -1521,8 +1526,8 @@ const watchShowClose = ({ nextTick, state, parent }) => () => {
     }
   });
 };
-const computedGetIcon = ({ constants, designConfig, props }) => (name) => {
-  return props.dropdownIcon || (designConfig == null ? void 0 : designConfig.icons[name]) || (constants == null ? void 0 : constants.ICON_MAP[name]);
+const computedGetIcon = ({ constants, designConfig, props }) => (iconKey = "dropdownIcon") => {
+  return props.dropdownIcon || (designConfig == null ? void 0 : designConfig.icons[iconKey]) || (constants == null ? void 0 : constants.ICON_MAP[iconKey]);
 };
 const computedGetTagType = ({ designConfig, props }) => () => {
   var _a;
@@ -1564,6 +1569,7 @@ export {
   deletePrevTag,
   deleteSelected,
   deleteTag,
+  directEmitChange,
   doDestroy,
   emitChange,
   emptyText,

package/select/vue.js

@@ -22,6 +22,7 @@ import {
   scrollToOption,
   handleMenuEnter,
   emitChange,
+  directEmitChange,
   getOption,
   setSelected,
   handleFocus,
@@ -213,7 +214,7 @@ const initStateAdd = ({ computed, props, api: api2, parent }) => ({
   defaultCheckedKeys: [],
   filterOrSearch: computed(() => props.filterable || props.searchable)
 });
-const initState = ({ reactive, computed, props, api: api2, emitter, parent, constants, designConfig }) => {
+const initState = ({ reactive, computed, props, api: api2, emitter, parent, constants }) => {
   const stateAdd = initStateAdd({ computed, props, api: api2, parent });
   const state = reactive(__spreadProps(__spreadValues({}, stateAdd), {
     selectEmitter: emitter(),
@@ -246,7 +247,7 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     key: 0,
     isSelectAll: computed(() => state.selectCls === "checked-sur"),
     isHalfSelect: computed(() => state.selectCls === "halfselect"),
-    getIcon: computed(() => api2.computedGetIcon(name = "dropdownIcon")),
+    getIcon: computed(() => api2.computedGetIcon()),
     getTagType: computed(() => api2.computedGetTagType()),
     isShowDropdownIcon: computed(() => api2.computedShowDropdownIcon())
   }));
@@ -277,7 +278,7 @@ const addApi = ({ api: api2, props, state, emit, constants, parent, nextTick, di
     handleQueryChange: handleQueryChange({ api: api2, constants, nextTick, props, vm, state }),
     handleOptionSelect: handleOptionSelect({ api: api2, nextTick, props, vm, state }),
     getPluginOption: getPluginOption({ api: api2, props, state }),
-    toggleCheckAll: toggleCheckAll({ api: api2, emit, state, props }),
+    toggleCheckAll: toggleCheckAll({ api: api2, state }),
     handleDebouncedQueryChange: handleDebouncedQueryChange({ state, api: api2 }),
     debouncedQueryChange: debouncedQueryChange({ props, api: api2 }),
     debouncedOnInputChange: debounce(state.debounce, () => {
@@ -328,6 +329,7 @@ const initApi = ({
     getChildValue: getChildValue(),
     getOption: getOption({ props, state }),
     emitChange: emitChange({ emit, props, state, constants }),
+    directEmitChange: directEmitChange({ emit, props, state }),
     toggleMenu: toggleMenu({ vm, state, props }),
     showTip: showTip({ props, state, vm }),
     onOptionDestroy: onOptionDestroy(state),

package/tree-menu/index.js

@@ -1,13 +1,13 @@
 import {
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
-const initData = ({ state, props, service, api }) => () => {
+const initData = ({ state, props, service, api }) => async () => {
   if (props.data) {
     state.data = props.data;
     return;
   }
   if (typeof service.getMenuDataSync === "function") {
-    const menuData = service.getMenuDataSync();
+    const menuData = await service.getMenuDataSync();
     state.data = api.setMenuKey({ newData: [], menuData });
   }
 };

package/types/date-picker.type.d.ts

@@ -28,7 +28,7 @@ declare const $constants: {
 };
 declare const datePickerProps: {
     type: {
-        type: PropType<"date" | "dates" | "daterange" | "week" | "month" | "monthrange" | "year" | "years" | "yearrange" | "datetime" | "datetimerange">;
+        type: PropType<"date" | "dates" | "year" | "years" | "yearrange" | "month" | "week" | "daterange" | "datetimerange" | "monthrange" | "datetime">;
         default: string;
     };
     _constants: {