@opentiny/vue-renderless 3.19.5 → 3.20.0

package/tree-select/index.js

@@ -2,6 +2,7 @@ import {
   __spreadProps,
   __spreadValues
 } from "../chunk-G2ADBYYC.js";
+import { find } from "../common/array";
 const filter = ({ vm }) => (value) => {
   vm.$refs.treeRef.filter(value);
 };
@@ -27,7 +28,8 @@ const check = ({ props, vm, emit }) => (data, { checkedNodes }) => {
         currentValue.push(node[props.valueField]);
         return __spreadProps(__spreadValues({}, node), {
           currentLabel: node[props.textField],
-          value: node[props.valueField]
+          value: node[props.valueField],
+          isTree: true
         });
       })
     );
@@ -35,8 +37,82 @@ const check = ({ props, vm, emit }) => (data, { checkedNodes }) => {
     emit("update:modelValue", currentValue);
   }
 };
+const getTreeData = ({ props, state }) => (data) => {
+  const nodes = [];
+  const getChild = (data2, pId) => {
+    data2.forEach((node) => {
+      node.pId = pId;
+      nodes.push(node);
+      if (node[state.childrenName] && node[state.childrenName].length > 0) {
+        getChild(node[state.childrenName], node[props.valueField]);
+      }
+    });
+  };
+  getChild(data, null);
+  return nodes;
+};
+const getPluginOption = ({ api, props, state }) => (value) => {
+  const isRemote = (props.filterable || props.searchable) && props.remote && (typeof props.remoteMethod === "function" || typeof props.initQuery === "function");
+  const { textField, valueField } = props;
+  const sourceData = isRemote ? state.remoteData : api.getTreeData(state.treeData);
+  const selNode = find(sourceData, (item) => item[valueField] === value);
+  const items = [];
+  if (selNode) {
+    selNode.currentLabel = selNode[textField];
+    items.push(selNode);
+  }
+  return items;
+};
+const getCheckedData = ({ props, state }) => () => {
+  const checkedKey = [];
+  if (!Array.isArray(state.selected)) {
+    return props.modelValue ? [props.modelValue] : [state.selected[props.valueField]];
+  } else {
+    state.selected.length > 0 && state.selected.forEach((item) => {
+      checkedKey.push(item[props.valueField]);
+    });
+    return checkedKey;
+  }
+};
+const mounted = ({ api, state, props, vm }) => () => {
+  if (!state.value || state.value.length === 0)
+    return;
+  if (props.multiple) {
+    let initialNodes = [];
+    if (Array.isArray(state.value)) {
+      state.value.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];
+  } else {
+    const data = api.getPluginOption(state.value)[0];
+    vm.$refs.baseSelectRef.updateSelectedData(__spreadProps(__spreadValues({}, data), {
+      currentLabel: data[props.textField],
+      value: data[props.valueField],
+      state: {
+        currentLabel: data[props.textField]
+      }
+    }));
+    state.currentKey = data[props.valueField];
+  }
+};
 export {
   check,
   filter,
+  getCheckedData,
+  getPluginOption,
+  getTreeData,
+  mounted,
   nodeClick
 };

package/tree-select/vue.js

@@ -1,18 +1,32 @@
 import "../chunk-G2ADBYYC.js";
-import { filter, nodeClick, check } from "./index";
-const api = ["state", "filter", "nodeClick", "check"];
-const renderless = (props, { reactive, computed }, { vm, emit }) => {
+import { check, filter, getCheckedData, getPluginOption, getTreeData, mounted, nodeClick } from "./index";
+const api = ["state", "check", "filter", "nodeClick"];
+const renderless = (props, { reactive, computed, watch, onMounted }, { vm, emit }) => {
   const api2 = {};
   const state = reactive({
-    value: computed(() => props.modelValue),
-    treeData: props.treeOp.data
+    childrenName: computed(() => props.treeOp.props && props.treeOp.props.children || "children"),
+    currentKey: props.modelValue,
+    defaultCheckedKeys: [],
+    remoteData: [],
+    treeData: props.treeOp.data,
+    value: computed(() => props.modelValue)
   });
   Object.assign(api2, {
     state,
+    check: check({ props, vm, emit }),
     filter: filter({ vm }),
-    nodeClick: nodeClick({ props, vm, emit }),
-    check: check({ props, vm, emit })
+    getCheckedData: getCheckedData({ props, state }),
+    getPluginOption: getPluginOption({ api: api2, props, state }),
+    getTreeData: getTreeData({ props, state }),
+    mounted: mounted({ api: api2, state, props, vm }),
+    nodeClick: nodeClick({ props, vm, emit })
   });
+  watch(
+    () => props.treeOp.data,
+    (data) => data && (state.treeData = data),
+    { immediate: true, deep: true }
+  );
+  onMounted(api2.mounted);
   return api2;
 };
 export {

package/types/button.type.d.ts

@@ -44,7 +44,10 @@ declare const buttonProps: {
         validator(val: string): boolean;
     };
     /** 是否圆角按钮 */
-    round: BooleanConstructor;
+    round: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     /** 是否朴素按钮  */
     plain: BooleanConstructor;
     /** 是否圆形按钮  */
@@ -74,7 +77,7 @@ declare const buttonProps: {
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
-    tiny_renderless: FunctionConstructor;
+    tiny_renderless: FunctionConstructor; /** 是否圆形按钮  */
     tiny_theme: StringConstructor;
     tiny_chart_theme: ObjectConstructor;
 };
@@ -91,13 +94,14 @@ declare const buttonProps: {
  *
  */
 
-declare const handleClick: ({ emit, props, state }: Pick<IButtonRenderlessParams, 'emit' | 'props' | 'state'>) => (event: MouseEvent) => void;
+declare const handleClick: ({ emit, props, state, designConfig }: Pick<IButtonRenderlessParams, 'emit' | 'props' | 'state' | 'designConfig'>) => (event: MouseEvent) => void;
 declare const clearTimer: (state: IButtonState) => () => void;
 
 interface IButtonState {
     timer: number;
     disabled: boolean;
     plain: ComputedRef<boolean>;
+    round: ComputedRef<boolean>;
     formDisabled: ComputedRef<boolean>;
     buttonDisabled: ComputedRef<boolean>;
 }

package/types/color-select-panel.type.d.ts

@@ -1,5 +1,27 @@
 interface IColorSelectPanelRef<T> {
     value: T;
 }
+interface IColorSelectPanelProps {
+    visible: boolean;
+    alpha: boolean;
+    history: string[];
+    predefine: string[];
+    format: ('hsl' | 'hsv' | 'hex' | 'rgb')[];
+    modelValue: string;
+    enableHistory: boolean;
+    enablePredefineColor: boolean;
+}
+interface IColorSelectPanelAlphProps<C> {
+    color: C;
+}
+interface IColorSelectPanelSVProps<C> {
+    color: C;
+}
+interface IColorSelectPanelHueProps<C> {
+    color: C;
+}
+interface IColorSelectPanelAlphaPanel<C> {
+    color: C;
+}
 
-export { IColorSelectPanelRef };
+export { IColorSelectPanelAlphProps, IColorSelectPanelAlphaPanel, IColorSelectPanelHueProps, IColorSelectPanelProps, IColorSelectPanelRef, IColorSelectPanelSVProps };

package/types/file-upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-26173587.js';
+export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-1257e07a.js';
 import './shared.type.js';

package/types/numeric.type.d.ts

@@ -104,7 +104,7 @@ declare const numericProps: {
     };
     size: StringConstructor;
     step: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: number;
     };
     stepStrictly: {
@@ -199,12 +199,12 @@ declare const toPrecision: (state: INumericState) => ({ num, precision }: {
 }) => number;
 declare const getPrecision: () => (value: number) => number;
 declare const internalIncrease: ({ api, state }: Pick<INumericRenderlessParams, 'api' | 'state'>) => ({ val, step }: {
-    val: number;
-    step: number;
+    val: number | string;
+    step: number | string;
 }) => string;
 declare const internalDecrease: ({ api, state }: Pick<INumericRenderlessParams, 'api' | 'state'>) => ({ val, step }: {
-    val: number;
-    step: number;
+    val: number | string;
+    step: number | string;
 }) => string | number;
 declare const increase: ({ api, props, state }: Pick<INumericRenderlessParams, 'api' | 'props' | 'state'>) => () => void;
 declare const decrease: ({ api, props, state }: Pick<INumericRenderlessParams, 'api' | 'props' | 'state'>) => () => void;

package/types/tree-menu.type.d.ts

@@ -143,7 +143,7 @@ declare const nodeClick: ({ emit, props, state }: {
 }) => (nodeData: any, node: any) => void;
 declare const checkChange: (emit: any) => (data: any, checked: any, indeterminate: any) => void;
 declare const check: (emit: any) => (data: any, checkedStatus: any) => void;
-declare const currentChange: (emit: any) => (data: any, node: any) => void;
+declare const currentChange: (emit: any) => (data: any, node: any, e: any) => void;
 declare const getTitle: (props: any) => (label: any) => any;
 declare const collapseChange: ({ state, props, emit }: {
     state: any;

package/types/upload-dragger.type.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-26173587.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-1257e07a.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;

package/types/{upload-list.type-26173587.d.ts → upload-list.type-1257e07a.d.ts}

@@ -691,6 +691,10 @@ declare const uploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showFileList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/upload-list.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-26173587.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-1257e07a.js';
 import './shared.type.js';

package/types/upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-26173587.js';
+export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-1257e07a.js';
 import './shared.type.js';

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

@@ -83,6 +83,10 @@ 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/user-head/index.js

@@ -31,7 +31,7 @@ const computedFontSize = ({ props, state, mode }) => () => {
       6: "16px"
     };
     const mfsizeMap = {
-      1: `${state.size / 1.5}px`,
+      1: `${state.size / 2}px`,
       2: `${state.size / 3}px`,
       3: `${state.size / 4.5}px`,
       4: `${state.size / 6}px`,

package/year-table/index.js

@@ -1,36 +1,17 @@
 import "../chunk-G2ADBYYC.js";
 import { toDate } from "../common/date";
-import { range, nextDate, getDayCountOfYear } from "../common/deps/date-util";
 import { arrayFindIndex, coerceTruthyValueToArray, arrayFind } from "../date-table";
 import { DATEPICKER } from "../common";
-const datesInYear = (year) => {
-  const numOfDays = getDayCountOfYear(year);
-  const firstDay = new Date(year, 0, 1);
-  return range(numOfDays).map((n) => nextDate(firstDay, n));
-};
-const getCellStyle = ({ props, state }) => (cell) => {
+const getIsDefault = ({ props }) => (year) => {
   const { defaultValue } = props;
-  const year = cell.text;
-  const style = {};
-  const today = /* @__PURE__ */ new Date();
-  style.disabled = typeof props.disabledDate === "function" ? datesInYear(year).every(props.disabledDate) : false;
+  return Array.isArray(defaultValue) ? defaultValue.some((v) => v && v.getFullYear() === year) : defaultValue && defaultValue.getFullYear() === year;
+};
+const getIsDisabled = ({ props }) => (year) => {
+  return props.selectionMode.startsWith("year") && typeof props.disabledDate === "function" ? props.disabledDate(year) : false;
+};
+const getIsCurrent = ({ props }) => (year) => {
   const execDate = typeof props.value === "object" ? props.value : toDate(props.value);
-  style.current = arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => date.getFullYear() === year) >= 0;
-  style.today = today.getFullYear() === year;
-  style.default = Array.isArray(defaultValue) ? defaultValue.some((v) => v && v.getFullYear() === year) : defaultValue && defaultValue.getFullYear() === year;
-  if (cell.inRange) {
-    style[DATEPICKER.InRange] = true;
-  }
-  if (cell.start) {
-    style[DATEPICKER.StartDate] = true;
-  }
-  if (cell.end) {
-    style[DATEPICKER.EndDate] = true;
-  }
-  for (const key in style) {
-    state[key] = style[key];
-  }
-  return style;
+  return arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => date.getFullYear() === year) >= 0;
 };
 const clearDate = (date) => {
   return new Date(date.getFullYear(), date.getMonth());
@@ -67,7 +48,9 @@ const getRows = ({ props, state, vm }) => () => {
       const isToday = year === now;
       cell.text = year;
       cell.type = isToday ? DATEPICKER.Today : DATEPICKER.Normal;
-      cell.disabled = typeof disabledDate === "function" && disabledDate(new Date(year, 0, 1));
+      if (props.selectionMode.startsWith("year")) {
+        cell.disabled = typeof disabledDate === "function" && disabledDate(year);
+      }
       if (selectionMode === DATEPICKER.YearRange) {
         const minYear = typeof minDate === "object" && minDate ? minDate.getFullYear() : minDate;
         const maxYear = typeof maxDate === "object" && maxDate ? maxDate.getFullYear() : maxDate;
@@ -190,7 +173,9 @@ const handleMouseMove = ({ emit, props, state }) => (event) => {
 };
 export {
   clearDate,
-  getCellStyle,
+  getIsCurrent,
+  getIsDefault,
+  getIsDisabled,
   getMonthTimestamp,
   getRows,
   handleMouseMove,

package/year-table/vue.js

@@ -1,20 +1,32 @@
 import "../chunk-G2ADBYYC.js";
-import { getRows, getCellStyle, handleYearTableClick, watchDate, markRange, handleMouseMove } from "./index";
-const api = ["state", "handleYearTableClick", "getCellStyle", "handleMouseMove"];
+import {
+  getRows,
+  handleYearTableClick,
+  watchDate,
+  markRange,
+  handleMouseMove,
+  getIsDisabled,
+  getIsCurrent,
+  getIsDefault
+} from "./index";
+const api = ["state", "handleYearTableClick", "handleMouseMove", "getIsDisabled", "getIsCurrent", "getIsDefault"];
 const renderless = (props, { computed, reactive, watch }, { emit, vm }) => {
   const api2 = {};
   const state = reactive({
     tableRows: [[], [], []],
-    rows: computed(() => api2.getRows())
+    rows: computed(() => api2.getRows()),
+    currentYear: (/* @__PURE__ */ new Date()).getFullYear()
   });
   Object.assign(api2, {
     state,
-    getCellStyle: getCellStyle({ props, state }),
     handleYearTableClick: handleYearTableClick({ emit, props, state }),
     markRange: markRange({ props, state }),
     watchDate: watchDate({ api: api2, props }),
     getRows: getRows({ props, state, vm }),
-    handleMouseMove: handleMouseMove({ api: api2, emit, props, state })
+    handleMouseMove: handleMouseMove({ api: api2, emit, props, state }),
+    getIsDisabled: getIsDisabled({ props }),
+    getIsCurrent: getIsCurrent({ props }),
+    getIsDefault: getIsDefault({ props })
   });
   watch(
     () => props.rangeState,