@dfsj/components 3.7.2-alpha.6 → 4.0.0-alpha.1
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/CHANGELOG.md +61 -453
- package/README.md +101 -24
- package/dist/_virtual/_rollupPluginBabelHelpers.js +13 -0
- package/dist/components/Boards/src/Boards.vue.js +10 -4
- package/dist/components/Boards/src/Boards.vue2.js +10 -152
- package/dist/components/Boards/src/hooKs/useStyle.d.ts +13 -5
- package/dist/components/Boards/src/hooKs/useStyle.js +10 -104
- package/dist/components/Boards/src/props.d.ts +5 -23
- package/dist/components/Boards/src/props.js +10 -56
- package/dist/components/ClickOutSide/src/ClickOutSide.vue.js +10 -4
- package/dist/components/ClickOutSide/src/ClickOutSide.vue2.js +10 -25
- package/dist/components/Descriptions/src/Descriptions.vue.js +10 -4
- package/dist/components/Descriptions/src/Descriptions.vue2.js +10 -150
- package/dist/components/Editor/src/Editor.vue.js +10 -4
- package/dist/components/Editor/src/Editor.vue2.js +10 -137
- package/dist/components/Form/src/Form.vue.js +10 -4
- package/dist/components/Form/src/Form.vue2.js +10 -394
- package/dist/components/Form/src/components/useRenderCheckbox.js +10 -32
- package/dist/components/Form/src/components/useRenderRadio.js +10 -32
- package/dist/components/Form/src/components/useRenderSelect.js +10 -51
- package/dist/components/Form/src/helper/componentMap.js +10 -32
- package/dist/components/Form/src/helper/index.js +10 -108
- package/dist/components/Form/src/types/index.d.ts +80 -84
- package/dist/components/Form/src/types/index.js +10 -30
- package/dist/components/Form/src/useForm.js +10 -289
- package/dist/components/Highlight/src/Highlight.vue.js +10 -4
- package/dist/components/Highlight/src/Highlight.vue2.js +10 -61
- package/dist/components/Icon/src/Icon.vue.js +10 -4
- package/dist/components/Icon/src/Icon.vue2.js +10 -122
- package/dist/components/Icon/src/SvgIcon.vue.js +10 -6
- package/dist/components/Icon/src/SvgIcon.vue2.js +10 -44
- package/dist/components/Icon/src/SvgIcon.vue3.js +10 -13
- package/dist/components/InputPassword/src/InputPassword.vue.js +10 -4
- package/dist/components/InputPassword/src/InputPassword.vue2.js +10 -57
- package/dist/components/Modal/src/BasicModal.vue.js +10 -4
- package/dist/components/Modal/src/BasicModal.vue2.js +10 -154
- package/dist/components/Modal/src/components/ModalFooter.vue.js +10 -4
- package/dist/components/Modal/src/components/ModalFooter.vue2.js +10 -39
- package/dist/components/Modal/src/components/ModalHeader.vue.js +10 -4
- package/dist/components/Modal/src/components/ModalHeader.vue2.js +10 -80
- package/dist/components/Modal/src/config.d.ts +3 -2
- package/dist/components/Modal/src/config.js +10 -28
- package/dist/components/Modal/src/hooks/useModalDrag.js +10 -109
- package/dist/components/Modal/src/hooks/useTimeout.js +10 -52
- package/dist/components/Modal/src/props.d.ts +16 -56
- package/dist/components/Modal/src/props.js +10 -130
- package/dist/components/Modal/src/utils/index.js +10 -85
- package/dist/components/NodeAxis/src/AbstractNodeProvider.js +10 -21
- package/dist/components/NodeAxis/src/CanvasNodeRender.d.ts +3 -12
- package/dist/components/NodeAxis/src/CanvasNodeRender.js +10 -411
- package/dist/components/NodeAxis/src/NodeAxis.vue.js +10 -4
- package/dist/components/NodeAxis/src/NodeAxis.vue2.js +10 -68
- package/dist/components/NodeAxis/src/NodeModel.js +10 -62
- package/dist/components/NodeAxis/src/NodeRender.js +10 -28
- package/dist/components/NodeAxis/src/NullLayerProvider.js +10 -86
- package/dist/components/NodeAxis/src/NullProvider.js +10 -65
- package/dist/components/NodeAxis/src/TimerNodePlayer.js +10 -148
- package/dist/components/NodeAxis/src/config/node-axis.options.js +10 -55
- package/dist/components/NodeAxis/src/enum/index.js +10 -19
- package/dist/components/NodeAxis/src/utils/assign.js +10 -42
- package/dist/components/Stateful/src/State.js +10 -78
- package/dist/components/Stateful/src/Stateful.vue.js +10 -4
- package/dist/components/Stateful/src/Stateful.vue2.js +10 -52
- package/dist/components/Stateful/src/props.d.ts +2 -6
- package/dist/components/Stateful/src/props.js +10 -28
- package/dist/components/Table/index.d.ts +3 -3
- package/dist/components/Table/src/Table.vue.js +10 -4
- package/dist/components/Table/src/Table.vue2.js +10 -583
- package/dist/components/Table/src/components/ColumnSetting.vue.js +10 -4
- package/dist/components/Table/src/components/ColumnSetting.vue2.js +10 -263
- package/dist/components/Table/src/components/TableActions.vue.js +10 -4
- package/dist/components/Table/src/components/TableActions.vue2.js +10 -107
- package/dist/components/Table/src/helper/index.js +10 -10
- package/dist/components/Table/src/types/index.d.ts +11 -13
- package/dist/components/Table/src/useTable.d.ts +36 -1
- package/dist/components/Table/src/useTable.js +10 -283
- package/dist/components/UnifyChart/src/ChartToolbox.vue.js +10 -4
- package/dist/components/UnifyChart/src/ChartToolbox.vue2.js +10 -82
- package/dist/components/UnifyChart/src/UnifyChart.vue.js +10 -4
- package/dist/components/UnifyChart/src/UnifyChart.vue2.js +10 -57
- package/dist/components/UnifyChart/src/hooks/useLoader.js +10 -92
- package/dist/components/UnifyChart/src/hooks/useRender.d.ts +8 -13
- package/dist/components/UnifyChart/src/hooks/useRender.js +10 -49
- package/dist/components/UnifyChart/src/props.d.ts +13 -59
- package/dist/components/UnifyChart/src/props.js +10 -32
- package/dist/components/UnifyChart/src/useDownLoad.js +10 -26
- package/dist/components/Visual/src/BufferLayerPlayer.js +10 -309
- package/dist/components/Visual/src/ResolvableLayerProvider.js +10 -252
- package/dist/components/Visual/src/config/default.manager.js +10 -6
- package/dist/components/Visual/src/config/default.provider.js +10 -17
- package/dist/components/Visual/src/mapping.js +10 -6
- package/dist/components/Visual/src/resolvers/IntervalResolver.js +10 -168
- package/dist/components/Visual/src/resolvers/tools.resolver.js +10 -151
- package/dist/components/Visual/src/utils/NodeMath.js +10 -99
- package/dist/components/Windows/src/ModalWrap.vue.js +10 -4
- package/dist/components/Windows/src/ModalWrap.vue2.js +10 -132
- package/dist/components/Windows/src/Windows.vue.js +10 -6
- package/dist/components/Windows/src/Windows.vue2.js +10 -55
- package/dist/components/Windows/src/Windows.vue3.js +10 -24
- package/dist/components/Windows/src/props.js +10 -8
- package/dist/directives/clickOutside.js +10 -70
- package/dist/directives/repeatClick.js +10 -28
- package/dist/directives/resizable.js +10 -195
- package/dist/index.d.ts +0 -1
- package/dist/index.js +11 -52
- package/dist/index.min.css +3 -3
- package/dist/themes/index.js +9 -0
- package/dist/types/index.d.ts +3 -3
- package/dist/utils/index.js +10 -23
- package/package.json +54 -25
- package/dist/components/Boards/src/Boards.vue.d.ts +0 -104
- package/dist/components/ClickOutSide/src/ClickOutSide.vue.d.ts +0 -7
- package/dist/components/Descriptions/src/Descriptions.vue.d.ts +0 -97
- package/dist/components/Editor/src/Editor.vue.d.ts +0 -51
- package/dist/components/Form/src/Form.vue.d.ts +0 -838
- package/dist/components/Highlight/src/Highlight.vue.d.ts +0 -41
- package/dist/components/Icon/src/Icon.vue.d.ts +0 -49
- package/dist/components/Icon/src/SvgIcon.vue.d.ts +0 -45
- package/dist/components/InputPassword/src/InputPassword.vue.d.ts +0 -27
- package/dist/components/Modal/src/BasicModal.vue.d.ts +0 -419
- package/dist/components/Modal/src/components/ModalFooter.vue.d.ts +0 -86
- package/dist/components/Modal/src/components/ModalHeader.vue.d.ts +0 -241
- package/dist/components/NodeAxis/src/BCanvasNodeRender.d.ts +0 -19
- package/dist/components/NodeAxis/src/BCanvasNodeRender.js +0 -344
- package/dist/components/NodeAxis/src/NodeAxis.vue.d.ts +0 -17
- package/dist/components/Stateful/src/Stateful.vue.d.ts +0 -22
- package/dist/components/Table/src/Table.vue.d.ts +0 -1535
- package/dist/components/Table/src/components/ColumnSetting.vue.d.ts +0 -30
- package/dist/components/Table/src/components/TableActions.vue.d.ts +0 -229
- package/dist/components/UnifyChart/src/ChartToolbox.vue.d.ts +0 -46
- package/dist/components/UnifyChart/src/UnifyChart.vue.d.ts +0 -95
- package/dist/components/Video/index.d.ts +0 -2
- package/dist/components/Video/src/VideoPlayer.vue.d.ts +0 -60
- package/dist/components/Video/src/VideoPlayer.vue.js +0 -5
- package/dist/components/Video/src/VideoPlayer.vue2.js +0 -107
- package/dist/components/Video/src/VideoPlayerToolbar.vue.d.ts +0 -34
- package/dist/components/Video/src/VideoPlayerToolbar.vue.js +0 -5
- package/dist/components/Video/src/VideoPlayerToolbar.vue2.js +0 -65
- package/dist/components/Video/src/abstract/AbstractVideoControl.d.ts +0 -7
- package/dist/components/Video/src/abstract/Observable.d.ts +0 -6
- package/dist/components/Video/src/abstract/Observable.js +0 -89
- package/dist/components/Video/src/abstract/VideoControl.d.ts +0 -32
- package/dist/components/Video/src/abstract/VideoControl.js +0 -48
- package/dist/components/Video/src/control/DaHua.d.ts +0 -12
- package/dist/components/Video/src/control/DaHua.js +0 -154
- package/dist/components/Video/src/control/Hikvision.d.ts +0 -28
- package/dist/components/Video/src/control/Hikvision.js +0 -249
- package/dist/components/Video/src/control/VideoFactory.d.ts +0 -3
- package/dist/components/Video/src/control/VideoFactory.js +0 -31
- package/dist/components/Video/src/enums/CommonEnum.d.ts +0 -26
- package/dist/components/Video/src/enums/CommonEnum.js +0 -31
- package/dist/components/Windows/src/ModalWrap.vue.d.ts +0 -14
- package/dist/components/Windows/src/Windows.vue.d.ts +0 -21
- package/dist/helper/lang.d.ts +0 -1
- package/dist/helper/lang.js +0 -546
- package/dist/node_modules/.pnpm/@vueuse_core@13.9.0_vue@3.5.20_typescript@5.9.2_/node_modules/@vueuse/core/index.js +0 -393
- package/dist/node_modules/.pnpm/@vueuse_shared@13.9.0_vue@3.5.20_typescript@5.9.2_/node_modules/@vueuse/shared/index.js +0 -53
|
@@ -1,109 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* @dfsj/components: 通用的vue组件;包括专业组件、原子级组件
|
|
4
|
+
* 版本: v4.0.0-alpha.1
|
|
5
|
+
* 作者:yangbo <1747837358@qq.com>
|
|
6
|
+
* 日期:2026-07-09 10:11:28
|
|
7
|
+
*
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
7
10
|
|
|
8
|
-
|
|
9
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
|
-
var setTextPlaceholder = function setTextPlaceholder(schema) {
|
|
11
|
-
var textMap = [ComponentNameEnum.INPUT, ComponentNameEnum.AUTOCOMPLETE, ComponentNameEnum.INPUT_NUMBER, ComponentNameEnum.INPUT_PASSWORD];
|
|
12
|
-
var selectMap = [ComponentNameEnum.SELECT, ComponentNameEnum.TIME_PICKER, ComponentNameEnum.DATE_PICKER, ComponentNameEnum.TIME_SELECT, ComponentNameEnum.SELECT_V2];
|
|
13
|
-
if (textMap.includes(schema === null || schema === void 0 ? void 0 : schema.component)) {
|
|
14
|
-
return {
|
|
15
|
-
placeholder: getLabel('common.inputText')
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
if (selectMap.includes(schema === null || schema === void 0 ? void 0 : schema.component)) {
|
|
19
|
-
var _schema$componentProp, _schema$componentProp2;
|
|
20
|
-
var twoTextMap = ['datetimerange', 'daterange', 'monthrange', 'datetimerange', 'daterange'];
|
|
21
|
-
if (twoTextMap.includes((schema === null || schema === void 0 || (_schema$componentProp = schema.componentProps) === null || _schema$componentProp === void 0 ? void 0 : _schema$componentProp.type) || (schema === null || schema === void 0 || (_schema$componentProp2 = schema.componentProps) === null || _schema$componentProp2 === void 0 ? void 0 : _schema$componentProp2.isRange))) {
|
|
22
|
-
return {
|
|
23
|
-
startPlaceholder: getLabel('common.startTimeText'),
|
|
24
|
-
endPlaceholder: getLabel('common.endTimeText'),
|
|
25
|
-
rangeSeparator: '-'
|
|
26
|
-
};
|
|
27
|
-
} else {
|
|
28
|
-
return {
|
|
29
|
-
placeholder: getLabel('common.selectText')
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
return {};
|
|
34
|
-
};
|
|
35
|
-
var setGridProp = function setGridProp() {
|
|
36
|
-
var col = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
37
|
-
var colProps = _objectSpread(_objectSpread({}, col.span ? {} : {
|
|
38
|
-
xs: 24,
|
|
39
|
-
sm: 12,
|
|
40
|
-
md: 12,
|
|
41
|
-
lg: 12,
|
|
42
|
-
xl: 12
|
|
43
|
-
}), col);
|
|
44
|
-
return colProps;
|
|
45
|
-
};
|
|
46
|
-
var setComponentProps = function setComponentProps(item) {
|
|
47
|
-
var _item$componentProps;
|
|
48
|
-
var onEvents = (item === null || item === void 0 || (_item$componentProps = item.componentProps) === null || _item$componentProps === void 0 ? void 0 : _item$componentProps.on) || {};
|
|
49
|
-
var newOnEvents = {};
|
|
50
|
-
var _loop = function _loop(key) {
|
|
51
|
-
if (onEvents[key]) {
|
|
52
|
-
newOnEvents["on".concat(firstUpperCase(key))] = function () {
|
|
53
|
-
onEvents[key].apply(onEvents, arguments);
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
for (var key in onEvents) {
|
|
58
|
-
_loop(key);
|
|
59
|
-
}
|
|
60
|
-
var componentProps = _objectSpread(_objectSpread({
|
|
61
|
-
clearable: true
|
|
62
|
-
}, item.componentProps), newOnEvents);
|
|
63
|
-
if (componentProps.slots) {
|
|
64
|
-
delete componentProps.slots;
|
|
65
|
-
}
|
|
66
|
-
if (componentProps.on) {
|
|
67
|
-
delete componentProps.on;
|
|
68
|
-
}
|
|
69
|
-
return componentProps;
|
|
70
|
-
};
|
|
71
|
-
var setItemComponentSlots = function setItemComponentSlots() {
|
|
72
|
-
var slotsProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
73
|
-
var slotObj = {};
|
|
74
|
-
var _loop2 = function _loop2(key) {
|
|
75
|
-
if (slotsProps[key]) {
|
|
76
|
-
if (isFunction(slotsProps[key])) {
|
|
77
|
-
slotObj[humpToDash(key)] = function () {
|
|
78
|
-
var _slotsProps$key;
|
|
79
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
80
|
-
args[_key] = arguments[_key];
|
|
81
|
-
}
|
|
82
|
-
return (_slotsProps$key = slotsProps[key]) === null || _slotsProps$key === void 0 ? void 0 : _slotsProps$key.call.apply(_slotsProps$key, [slotsProps].concat(args));
|
|
83
|
-
};
|
|
84
|
-
} else {
|
|
85
|
-
slotObj[humpToDash(key)] = function () {
|
|
86
|
-
return slotsProps[key];
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
for (var key in slotsProps) {
|
|
92
|
-
_loop2(key);
|
|
93
|
-
}
|
|
94
|
-
return slotObj;
|
|
95
|
-
};
|
|
96
|
-
var initModel = function initModel(schema, formModel) {
|
|
97
|
-
var model = _objectSpread({}, formModel);
|
|
98
|
-
schema.map(function (v) {
|
|
99
|
-
if (v.remove) {
|
|
100
|
-
delete model[v.field];
|
|
101
|
-
} else if (v.component !== 'Divider') {
|
|
102
|
-
var hasField = get(model, v.field);
|
|
103
|
-
set(model, v.field, hasField !== void 0 ? get(model, v.field) : v.value !== void 0 ? v.value : undefined);
|
|
104
|
-
}
|
|
105
|
-
});
|
|
106
|
-
return model;
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
export { initModel, setComponentProps, setGridProp, setItemComponentSlots, setTextPlaceholder };
|
|
11
|
+
import{objectSpread2 as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{ComponentNameEnum as e}from"../types/index.js";import{isFunction as o}from"@dfsj/utils";import{humpToDash as r,firstUpperCase as l}from"../../../../utils/index.js";import{get as t,set as i}from"lodash-es";var a=function(n){var o=[e.INPUT,e.AUTOCOMPLETE,e.INPUT_NUMBER,e.INPUT_PASSWORD],r=[e.SELECT,e.TIME_PICKER,e.DATE_PICKER,e.TIME_SELECT,e.SELECT_V2];if(o.includes(null==n?void 0:n.component))return{placeholder:"请输入"};if(r.includes(null==n?void 0:n.component)){var l,t;return["datetimerange","daterange","monthrange","datetimerange","daterange"].includes((null==n||null===(l=n.componentProps)||void 0===l?void 0:l.type)||(null==n||null===(t=n.componentProps)||void 0===t?void 0:t.isRange))?{startPlaceholder:"开始时间",endPlaceholder:"结束时间",rangeSeparator:"-"}:{placeholder:"请选择"}}return{}},d=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return n(n({},e.span?{}:{xs:24,sm:12,md:12,lg:12,xl:12}),e)},u=function(e){var o,r=(null==e||null===(o=e.componentProps)||void 0===o?void 0:o.on)||{},t={},i=function(n){r[n]&&(t["on".concat(l(n))]=function(){r[n].apply(r,arguments)})};for(var a in r)i(a);var d=n(n({clearable:!0},e.componentProps),t);return d.slots&&delete d.slots,d.on&&delete d.on,d},c=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e={},l=function(l){n[l]&&(o(n[l])?e[r(l)]=function(){for(var e,o=arguments.length,r=new Array(o),t=0;t<o;t++)r[t]=arguments[t];return null===(e=n[l])||void 0===e?void 0:e.call.apply(e,[n].concat(r))}:e[r(l)]=function(){return n[l]})};for(var t in n)l(t);return e},v=function(e,o){var r=n({},o);return e.map(function(n){if(n.remove)delete r[n.field];else if("Divider"!==n.component){var e=t(r,n.field);i(r,n.field,void 0!==e?t(r,n.field):void 0!==n.value?n.value:void 0)}}),r};export{v as initModel,u as setComponentProps,d as setGridProp,c as setItemComponentSlots,a as setTextPlaceholder};
|
|
@@ -52,24 +52,24 @@ export interface InputComponentProps extends Partial<InputProps> {
|
|
|
52
52
|
input?: (value: string | number) => void;
|
|
53
53
|
};
|
|
54
54
|
slots?: {
|
|
55
|
-
prefix?: (...args:
|
|
56
|
-
suffix?: (...args:
|
|
57
|
-
prepend?: (...args:
|
|
58
|
-
append?: (...args:
|
|
55
|
+
prefix?: (...args: unknown[]) => JSX.Element | null;
|
|
56
|
+
suffix?: (...args: unknown[]) => JSX.Element | null;
|
|
57
|
+
prepend?: (...args: unknown[]) => JSX.Element | null;
|
|
58
|
+
append?: (...args: unknown[]) => JSX.Element | null;
|
|
59
59
|
};
|
|
60
60
|
style?: CSSProperties;
|
|
61
61
|
}
|
|
62
62
|
export interface AutocompleteComponentProps extends Partial<AutocompleteProps> {
|
|
63
63
|
on?: {
|
|
64
|
-
select?: (item:
|
|
64
|
+
select?: (item: unknown) => void;
|
|
65
65
|
change?: (value: string | number) => void;
|
|
66
66
|
};
|
|
67
67
|
slots?: {
|
|
68
|
-
default?: (...args:
|
|
69
|
-
prefix?: (...args:
|
|
70
|
-
suffix?: (...args:
|
|
71
|
-
prepend?: (...args:
|
|
72
|
-
append?: (...args:
|
|
68
|
+
default?: (...args: unknown[]) => JSX.Element | null;
|
|
69
|
+
prefix?: (...args: unknown[]) => JSX.Element | null;
|
|
70
|
+
suffix?: (...args: unknown[]) => JSX.Element | null;
|
|
71
|
+
prepend?: (...args: unknown[]) => JSX.Element | null;
|
|
72
|
+
append?: (...args: unknown[]) => JSX.Element | null;
|
|
73
73
|
};
|
|
74
74
|
style?: CSSProperties;
|
|
75
75
|
}
|
|
@@ -84,10 +84,9 @@ export interface InputNumberComponentProps extends Partial<InputNumberProps> {
|
|
|
84
84
|
export interface SelectOption {
|
|
85
85
|
label?: string;
|
|
86
86
|
disabled?: boolean;
|
|
87
|
-
value?:
|
|
87
|
+
value?: unknown;
|
|
88
88
|
key?: string | number;
|
|
89
89
|
options?: SelectOption[];
|
|
90
|
-
[key: string]: any;
|
|
91
90
|
}
|
|
92
91
|
export interface SelectComponentProps extends Omit<Partial<SelectProps>, 'options'> {
|
|
93
92
|
props?: {
|
|
@@ -97,9 +96,9 @@ export interface SelectComponentProps extends Omit<Partial<SelectProps>, 'option
|
|
|
97
96
|
children?: string;
|
|
98
97
|
};
|
|
99
98
|
on?: {
|
|
100
|
-
change?: (value: string | number | boolean |
|
|
99
|
+
change?: (value: string | number | boolean | Record<string, unknown>) => void;
|
|
101
100
|
visibleChange?: (visible: boolean) => void;
|
|
102
|
-
removeTag?: (tag:
|
|
101
|
+
removeTag?: (tag: unknown) => void;
|
|
103
102
|
clear?: () => void;
|
|
104
103
|
blur?: (event: FocusEvent) => void;
|
|
105
104
|
focus?: (event: FocusEvent) => void;
|
|
@@ -108,8 +107,8 @@ export interface SelectComponentProps extends Omit<Partial<SelectProps>, 'option
|
|
|
108
107
|
default?: (options: SelectOption[]) => JSX.Element[] | null;
|
|
109
108
|
optionGroupDefault?: (item: SelectOption) => JSX.Element;
|
|
110
109
|
optionDefault?: (option: SelectOption) => JSX.Element | null;
|
|
111
|
-
prefix?: (...args:
|
|
112
|
-
empty?: (...args:
|
|
110
|
+
prefix?: (...args: unknown[]) => JSX.Element | null;
|
|
111
|
+
empty?: (...args: unknown[]) => JSX.Element | null;
|
|
113
112
|
};
|
|
114
113
|
options?: SelectOption[];
|
|
115
114
|
style?: CSSProperties;
|
|
@@ -134,7 +133,7 @@ export interface SelectV2ComponentProps {
|
|
|
134
133
|
popperClass?: string;
|
|
135
134
|
teleported?: boolean;
|
|
136
135
|
persistent?: boolean;
|
|
137
|
-
popperOptions?:
|
|
136
|
+
popperOptions?: Record<string, unknown>;
|
|
138
137
|
automaticDropdown?: boolean;
|
|
139
138
|
height?: number;
|
|
140
139
|
scrollbarAlwaysOn?: boolean;
|
|
@@ -144,9 +143,9 @@ export interface SelectV2ComponentProps {
|
|
|
144
143
|
placement?: AutocompleteProps['placement'];
|
|
145
144
|
collapseTagsTooltip?: boolean;
|
|
146
145
|
on?: {
|
|
147
|
-
change?: (value: string | number | boolean |
|
|
146
|
+
change?: (value: string | number | boolean | Record<string, unknown>) => void;
|
|
148
147
|
visibleChange?: (visible: boolean) => void;
|
|
149
|
-
removeTag?: (tag:
|
|
148
|
+
removeTag?: (tag: unknown) => void;
|
|
150
149
|
clear?: () => void;
|
|
151
150
|
blur?: (event: FocusEvent) => void;
|
|
152
151
|
focus?: (event: FocusEvent) => void;
|
|
@@ -185,8 +184,8 @@ export interface CascaderComponentProps {
|
|
|
185
184
|
removeTag?: (value: CascaderNode['valueByOption']) => void;
|
|
186
185
|
};
|
|
187
186
|
slots?: {
|
|
188
|
-
default?: (...args:
|
|
189
|
-
empty?: (...args:
|
|
187
|
+
default?: (...args: unknown[]) => JSX.Element | null;
|
|
188
|
+
empty?: (...args: unknown[]) => JSX.Element | null;
|
|
190
189
|
};
|
|
191
190
|
style?: CSSProperties;
|
|
192
191
|
}
|
|
@@ -212,13 +211,13 @@ export interface ColorPickerComponentProps extends Partial<ColorPickerProps> {
|
|
|
212
211
|
export interface TransferComponentProps extends Partial<TransferProps> {
|
|
213
212
|
on?: {
|
|
214
213
|
change?: (value: number | string, direction: 'left' | 'right', movedKeys: string[] | number[]) => void;
|
|
215
|
-
leftCheckChange?: (value:
|
|
216
|
-
rightCheckChange?: (value:
|
|
214
|
+
leftCheckChange?: (value: unknown[]) => void;
|
|
215
|
+
rightCheckChange?: (value: unknown[]) => void;
|
|
217
216
|
};
|
|
218
217
|
slots?: {
|
|
219
|
-
default?: (...args:
|
|
220
|
-
leftFooter?: (...args:
|
|
221
|
-
rightFooter?: (...args:
|
|
218
|
+
default?: (...args: unknown[]) => JSX.Element | null;
|
|
219
|
+
leftFooter?: (...args: unknown[]) => JSX.Element | null;
|
|
220
|
+
rightFooter?: (...args: unknown[]) => JSX.Element | null;
|
|
222
221
|
};
|
|
223
222
|
style?: CSSProperties;
|
|
224
223
|
}
|
|
@@ -229,7 +228,6 @@ export interface RadioOption {
|
|
|
229
228
|
border?: boolean;
|
|
230
229
|
size?: ComponentSize;
|
|
231
230
|
name?: string;
|
|
232
|
-
[key: string]: any;
|
|
233
231
|
}
|
|
234
232
|
export interface RadioGroupComponentProps extends Partial<RadioGroupProps> {
|
|
235
233
|
options?: RadioOption[];
|
|
@@ -242,7 +240,7 @@ export interface RadioGroupComponentProps extends Partial<RadioGroupProps> {
|
|
|
242
240
|
change?: (value: string | number | boolean) => void;
|
|
243
241
|
};
|
|
244
242
|
slots?: {
|
|
245
|
-
default?: (...args:
|
|
243
|
+
default?: (...args: unknown[]) => JSX.Element[] | null;
|
|
246
244
|
};
|
|
247
245
|
style?: CSSProperties;
|
|
248
246
|
}
|
|
@@ -257,7 +255,7 @@ export interface RadioButtonComponentProps extends Partial<RadioButtonProps> {
|
|
|
257
255
|
change?: (value: string | number | boolean) => void;
|
|
258
256
|
};
|
|
259
257
|
slots?: {
|
|
260
|
-
default?: (...args:
|
|
258
|
+
default?: (...args: unknown[]) => JSX.Element[] | null;
|
|
261
259
|
};
|
|
262
260
|
style?: CSSProperties;
|
|
263
261
|
}
|
|
@@ -276,7 +274,6 @@ export interface CheckboxOption {
|
|
|
276
274
|
tabindex?: number | string;
|
|
277
275
|
id?: string;
|
|
278
276
|
controls?: boolean;
|
|
279
|
-
[key: string]: any;
|
|
280
277
|
}
|
|
281
278
|
export interface CheckboxGroupComponentProps extends Partial<CheckboxGroupProps> {
|
|
282
279
|
options?: CheckboxOption[];
|
|
@@ -289,7 +286,7 @@ export interface CheckboxGroupComponentProps extends Partial<CheckboxGroupProps>
|
|
|
289
286
|
change?: (value: string | number | boolean) => void;
|
|
290
287
|
};
|
|
291
288
|
slots?: {
|
|
292
|
-
default?: (...args:
|
|
289
|
+
default?: (...args: unknown[]) => JSX.Element[] | null;
|
|
293
290
|
};
|
|
294
291
|
style?: CSSProperties;
|
|
295
292
|
}
|
|
@@ -306,12 +303,12 @@ export interface DatePickerComponentProps extends Partial<DatePickerProps> {
|
|
|
306
303
|
blur?: (event: FocusEvent) => void;
|
|
307
304
|
focus?: (event: FocusEvent) => void;
|
|
308
305
|
calendarChange?: (val: [Date, Date]) => void;
|
|
309
|
-
panelChange?: (date:
|
|
306
|
+
panelChange?: (date: unknown, mode: unknown, view: unknown) => void;
|
|
310
307
|
visibleChange?: (visibility: boolean) => void;
|
|
311
308
|
};
|
|
312
309
|
slots?: {
|
|
313
|
-
default?: (...args:
|
|
314
|
-
rangeSeparator?: (...args:
|
|
310
|
+
default?: (...args: unknown[]) => JSX.Element | null;
|
|
311
|
+
rangeSeparator?: (...args: unknown[]) => JSX.Element | null;
|
|
315
312
|
};
|
|
316
313
|
style?: CSSProperties;
|
|
317
314
|
}
|
|
@@ -339,7 +336,7 @@ export interface DateTimePickerComponentProps {
|
|
|
339
336
|
clearIcon?: string | JSX.Element;
|
|
340
337
|
shortcuts?: Array<{
|
|
341
338
|
text: string;
|
|
342
|
-
value: Date |
|
|
339
|
+
value: Date | (() => Date);
|
|
343
340
|
}>;
|
|
344
341
|
disabledDate?: (date: Date) => boolean;
|
|
345
342
|
cellClassName?: string | ((date: Date) => string | undefined);
|
|
@@ -352,8 +349,8 @@ export interface DateTimePickerComponentProps {
|
|
|
352
349
|
visibleChange?: (visibility: boolean) => void;
|
|
353
350
|
};
|
|
354
351
|
slots?: {
|
|
355
|
-
default?: (...args:
|
|
356
|
-
rangeSeparator?: (...args:
|
|
352
|
+
default?: (...args: unknown[]) => JSX.Element | null;
|
|
353
|
+
rangeSeparator?: (...args: unknown[]) => JSX.Element | null;
|
|
357
354
|
};
|
|
358
355
|
style?: CSSProperties;
|
|
359
356
|
}
|
|
@@ -377,9 +374,9 @@ export interface TimePickerComponentProps {
|
|
|
377
374
|
label?: string;
|
|
378
375
|
prefixIcon?: string | JSX.Element;
|
|
379
376
|
clearIcon?: string | JSX.Element;
|
|
380
|
-
disabledHours?: (role: string, comparingDate?:
|
|
381
|
-
disabledMinutes?: (hour: number, role: string, comparingDate?:
|
|
382
|
-
disabledSeconds?: (hour: number, minute: number, role: string, comparingDate?:
|
|
377
|
+
disabledHours?: (role: string, comparingDate?: unknown) => number[];
|
|
378
|
+
disabledMinutes?: (hour: number, role: string, comparingDate?: unknown) => number[];
|
|
379
|
+
disabledSeconds?: (hour: number, minute: number, role: string, comparingDate?: unknown) => number[];
|
|
383
380
|
teleported?: boolean;
|
|
384
381
|
tabindex?: number | string;
|
|
385
382
|
on?: {
|
|
@@ -429,84 +426,84 @@ export interface ColProps {
|
|
|
429
426
|
export interface FormSetProps {
|
|
430
427
|
field: string;
|
|
431
428
|
path: string;
|
|
432
|
-
value:
|
|
429
|
+
value: unknown;
|
|
433
430
|
}
|
|
434
431
|
export interface FormItemProps extends Partial<ElFormItemProps> {
|
|
435
432
|
style?: CSSProperties;
|
|
436
433
|
slots?: {
|
|
437
|
-
default?: (...args:
|
|
438
|
-
label?: (...args:
|
|
439
|
-
error?: (...args:
|
|
434
|
+
default?: (...args: unknown[]) => JSX.Element | null;
|
|
435
|
+
label?: (...args: unknown[]) => JSX.Element | null;
|
|
436
|
+
error?: (...args: unknown[]) => JSX.Element | null;
|
|
440
437
|
};
|
|
441
438
|
}
|
|
442
439
|
export interface UploadComponentProps extends Partial<UploadProps> {
|
|
443
440
|
slots?: {
|
|
444
|
-
default?: (...args:
|
|
445
|
-
trigger?: (...args:
|
|
446
|
-
tip?: (...args:
|
|
447
|
-
file?: (...args:
|
|
441
|
+
default?: (...args: unknown[]) => JSX.Element | null;
|
|
442
|
+
trigger?: (...args: unknown[]) => JSX.Element | null;
|
|
443
|
+
tip?: (...args: unknown[]) => JSX.Element | null;
|
|
444
|
+
file?: (...args: unknown[]) => JSX.Element | null;
|
|
448
445
|
};
|
|
449
446
|
style?: CSSProperties;
|
|
450
447
|
}
|
|
451
448
|
export interface TreeSelectComponentProps extends Omit<Partial<SelectComponentProps>, 'props' | 'on' | 'slots'> {
|
|
452
|
-
data?:
|
|
449
|
+
data?: unknown[];
|
|
453
450
|
emptyText?: string;
|
|
454
451
|
nodeKey?: string;
|
|
455
452
|
props?: {
|
|
456
453
|
children?: string;
|
|
457
|
-
label?: string | ((...args:
|
|
458
|
-
disabled?: string | ((...args:
|
|
459
|
-
isLeaf?: string | ((...args:
|
|
460
|
-
class?: string | ((...args:
|
|
454
|
+
label?: string | ((...args: unknown[]) => string);
|
|
455
|
+
disabled?: string | ((...args: unknown[]) => string);
|
|
456
|
+
isLeaf?: string | ((...args: unknown[]) => string);
|
|
457
|
+
class?: string | ((...args: unknown[]) => string);
|
|
461
458
|
};
|
|
462
459
|
renderAfterExpand?: boolean;
|
|
463
|
-
load?: (...args:
|
|
464
|
-
renderContent?: (...args:
|
|
460
|
+
load?: (...args: unknown[]) => Promise<unknown>;
|
|
461
|
+
renderContent?: (...args: unknown[]) => JSX.Element | null;
|
|
465
462
|
highlightCurrent?: boolean;
|
|
466
463
|
defaultExpandAll?: boolean;
|
|
467
464
|
expandOnClickNode?: boolean;
|
|
468
465
|
checkOnClickNode?: boolean;
|
|
469
466
|
autoExpandParent?: boolean;
|
|
470
|
-
defaultExpandedKeys?:
|
|
467
|
+
defaultExpandedKeys?: unknown[];
|
|
471
468
|
showCheckbox?: boolean;
|
|
472
469
|
checkStrictly?: boolean;
|
|
473
|
-
defaultCheckedKeys?:
|
|
470
|
+
defaultCheckedKeys?: unknown[];
|
|
474
471
|
currentNodeKey?: string | number;
|
|
475
|
-
filterNodeMethod?: (...args:
|
|
472
|
+
filterNodeMethod?: (...args: unknown[]) => boolean;
|
|
476
473
|
accordion?: boolean;
|
|
477
474
|
indent?: number;
|
|
478
|
-
icon?: string | ((...args:
|
|
475
|
+
icon?: string | ((...args: unknown[]) => JSX.Element | null);
|
|
479
476
|
lazy?: boolean;
|
|
480
477
|
draggable?: boolean;
|
|
481
|
-
allowDrag?: (...args:
|
|
482
|
-
allowDrop?: (...args:
|
|
478
|
+
allowDrag?: (...args: unknown[]) => boolean;
|
|
479
|
+
allowDrop?: (...args: unknown[]) => boolean;
|
|
483
480
|
on?: {
|
|
484
|
-
change?: (value: string | number | boolean |
|
|
481
|
+
change?: (value: string | number | boolean | Record<string, unknown>) => void;
|
|
485
482
|
visibleChange?: (visible: boolean) => void;
|
|
486
|
-
removeTag?: (tag:
|
|
483
|
+
removeTag?: (tag: unknown) => void;
|
|
487
484
|
clear?: () => void;
|
|
488
485
|
blur?: (event: FocusEvent) => void;
|
|
489
486
|
focus?: (event: FocusEvent) => void;
|
|
490
|
-
nodeClick?: (...args:
|
|
491
|
-
nodeContextMenu?: (...args:
|
|
492
|
-
checkChange?: (...args:
|
|
493
|
-
check?: (...args:
|
|
494
|
-
currentChange?: (...args:
|
|
495
|
-
nodeExpand?: (...args:
|
|
496
|
-
nodeCollapse?: (...args:
|
|
497
|
-
nodeDragStart?: (...args:
|
|
498
|
-
nodeDragEnter?: (...args:
|
|
499
|
-
nodeDragLeave?: (...args:
|
|
500
|
-
nodeDragOver?: (...args:
|
|
501
|
-
nodeDragEnd?: (...args:
|
|
502
|
-
nodeDrop?: (...args:
|
|
487
|
+
nodeClick?: (...args: unknown[]) => void;
|
|
488
|
+
nodeContextMenu?: (...args: unknown[]) => void;
|
|
489
|
+
checkChange?: (...args: unknown[]) => void;
|
|
490
|
+
check?: (...args: unknown[]) => void;
|
|
491
|
+
currentChange?: (...args: unknown[]) => void;
|
|
492
|
+
nodeExpand?: (...args: unknown[]) => void;
|
|
493
|
+
nodeCollapse?: (...args: unknown[]) => void;
|
|
494
|
+
nodeDragStart?: (...args: unknown[]) => void;
|
|
495
|
+
nodeDragEnter?: (...args: unknown[]) => void;
|
|
496
|
+
nodeDragLeave?: (...args: unknown[]) => void;
|
|
497
|
+
nodeDragOver?: (...args: unknown[]) => void;
|
|
498
|
+
nodeDragEnd?: (...args: unknown[]) => void;
|
|
499
|
+
nodeDrop?: (...args: unknown[]) => void;
|
|
503
500
|
};
|
|
504
501
|
slots?: {
|
|
505
|
-
default?: (...args:
|
|
502
|
+
default?: (...args: unknown[]) => JSX.Element | null;
|
|
506
503
|
optionGroupDefault?: (item: SelectOption) => JSX.Element;
|
|
507
504
|
optionDefault?: (option: SelectOption) => JSX.Element | null;
|
|
508
|
-
prefix?: (...args:
|
|
509
|
-
empty?: (...args:
|
|
505
|
+
prefix?: (...args: unknown[]) => JSX.Element | null;
|
|
506
|
+
empty?: (...args: unknown[]) => JSX.Element | null;
|
|
510
507
|
};
|
|
511
508
|
style?: CSSProperties;
|
|
512
509
|
}
|
|
@@ -514,20 +511,19 @@ export interface FormSchema {
|
|
|
514
511
|
field: string;
|
|
515
512
|
label?: string;
|
|
516
513
|
colProps?: ColProps;
|
|
517
|
-
componentProps?: InputComponentProps | AutocompleteComponentProps | InputNumberComponentProps | SelectComponentProps | SelectV2ComponentProps | CascaderComponentProps | SwitchComponentProps | RateComponentProps | ColorPickerComponentProps | TransferComponentProps | RadioGroupComponentProps | RadioButtonComponentProps | DividerComponentProps | DatePickerComponentProps | DateTimePickerComponentProps | TimePickerComponentProps | InputPasswordComponentProps | TreeSelectComponentProps | UploadComponentProps |
|
|
514
|
+
componentProps?: InputComponentProps | AutocompleteComponentProps | InputNumberComponentProps | SelectComponentProps | SelectV2ComponentProps | CascaderComponentProps | SwitchComponentProps | RateComponentProps | ColorPickerComponentProps | TransferComponentProps | RadioGroupComponentProps | RadioButtonComponentProps | DividerComponentProps | DatePickerComponentProps | DateTimePickerComponentProps | TimePickerComponentProps | InputPasswordComponentProps | TreeSelectComponentProps | UploadComponentProps | EditorComponentProps;
|
|
518
515
|
formItemProps?: FormItemProps;
|
|
519
516
|
component?: ComponentName;
|
|
520
|
-
value?:
|
|
517
|
+
value?: unknown;
|
|
521
518
|
remove?: boolean;
|
|
522
519
|
hidden?: boolean;
|
|
523
|
-
optionApi?:
|
|
520
|
+
optionApi?: () => Promise<unknown[]>;
|
|
524
521
|
}
|
|
525
|
-
export interface FormProps extends Partial<ElFormProps> {
|
|
522
|
+
export interface FormProps extends Omit<Partial<ElFormProps>, 'model'> {
|
|
526
523
|
schema?: FormSchema[];
|
|
527
524
|
isCol?: boolean;
|
|
528
525
|
model?: Recordable;
|
|
529
526
|
autoSetPlaceholder?: boolean;
|
|
530
527
|
isCustom?: boolean;
|
|
531
|
-
[key: string]: any;
|
|
532
528
|
}
|
|
533
529
|
export {};
|
|
@@ -1,31 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
ComponentNameEnum["SELECT"] = "Select";
|
|
11
|
-
ComponentNameEnum["CASCADER"] = "Cascader";
|
|
12
|
-
ComponentNameEnum["SWITCH"] = "Switch";
|
|
13
|
-
ComponentNameEnum["SLIDER"] = "Slider";
|
|
14
|
-
ComponentNameEnum["TIME_PICKER"] = "TimePicker";
|
|
15
|
-
ComponentNameEnum["DATE_PICKER"] = "DatePicker";
|
|
16
|
-
ComponentNameEnum["CUSTOM_DATE_PICKER"] = "CustomDatePicker";
|
|
17
|
-
ComponentNameEnum["RATE"] = "Rate";
|
|
18
|
-
ComponentNameEnum["COLOR_PICKER"] = "ColorPicker";
|
|
19
|
-
ComponentNameEnum["TRANSFER"] = "Transfer";
|
|
20
|
-
ComponentNameEnum["DIVIDER"] = "Divider";
|
|
21
|
-
ComponentNameEnum["TIME_SELECT"] = "TimeSelect";
|
|
22
|
-
ComponentNameEnum["SELECT_V2"] = "SelectV2";
|
|
23
|
-
ComponentNameEnum["INPUT_PASSWORD"] = "InputPassword";
|
|
24
|
-
ComponentNameEnum["EDITOR"] = "Editor";
|
|
25
|
-
ComponentNameEnum["TREE_SELECT"] = "TreeSelect";
|
|
26
|
-
ComponentNameEnum["UPLOAD"] = "Upload";
|
|
27
|
-
ComponentNameEnum["JSON_EDITOR"] = "JsonEditor";
|
|
28
|
-
ComponentNameEnum["ICON_PICKER"] = "IconPicker";
|
|
29
|
-
})(ComponentNameEnum || (ComponentNameEnum = {}));
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* @dfsj/components: 通用的vue组件;包括专业组件、原子级组件
|
|
4
|
+
* 版本: v4.0.0-alpha.1
|
|
5
|
+
* 作者:yangbo <1747837358@qq.com>
|
|
6
|
+
* 日期:2026-07-09 10:11:28
|
|
7
|
+
*
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
30
10
|
|
|
31
|
-
|
|
11
|
+
var E=function(E){return E.RADIO_GROUP="RadioGroup",E.RADIO_BUTTON="RadioButton",E.CHECKBOX_GROUP="CheckboxGroup",E.CHECKBOX_BUTTON="CheckboxButton",E.INPUT="Input",E.AUTOCOMPLETE="Autocomplete",E.INPUT_NUMBER="InputNumber",E.SELECT="Select",E.CASCADER="Cascader",E.SWITCH="Switch",E.SLIDER="Slider",E.TIME_PICKER="TimePicker",E.DATE_PICKER="DatePicker",E.CUSTOM_DATE_PICKER="CustomDatePicker",E.RATE="Rate",E.COLOR_PICKER="ColorPicker",E.TRANSFER="Transfer",E.DIVIDER="Divider",E.TIME_SELECT="TimeSelect",E.SELECT_V2="SelectV2",E.INPUT_PASSWORD="InputPassword",E.EDITOR="Editor",E.TREE_SELECT="TreeSelect",E.UPLOAD="Upload",E.JSON_EDITOR="JsonEditor",E.ICON_PICKER="IconPicker",E}({});export{E as ComponentNameEnum};
|