@sdata/web-vue 3.15.0 → 3.16.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/dist/sd.css +18 -0
- package/dist/sd.min.css +1 -1
- package/es/basic-crud-table/basic-crud-table.vue_vue_type_script_setup_true_lang.js +26 -6
- package/es/basic-crud-table/style/index.css +18 -0
- package/es/basic-crud-table/style/index.scss +21 -0
- package/es/basic-crud-table/types.d.ts +1 -0
- package/es/card/card.d.ts +1 -1
- package/es/card/index.d.ts +3 -3
- package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js +3 -3
- package/es/color-picker/color-picker.js +6 -5
- package/es/color-picker/panel.d.ts +2 -2
- package/es/color-picker/panel.js +2 -3
- package/es/config-provider/config-provider.vue.d.ts +7 -1
- package/es/config-provider/config-provider.vue_vue_type_script_setup_true_lang.js +7 -1
- package/es/config-provider/context.d.ts +4 -0
- package/es/config-provider/index.d.ts +25 -15
- package/es/index.css +18 -0
- package/es/index.js +4 -4
- package/es/json-form/utils.js +2 -2
- package/es/overflow-list/overflow-list.js +1 -1
- package/es/pagination/page-options.vue_vue_type_script_setup_true_lang.js +7 -4
- package/es/sd-vue.js +4 -4
- package/es/select/select.js +1 -1
- package/es/table/table-operation-td.js +1 -1
- package/es/table/table-operation-th.js +1 -1
- package/es/table/table-th.js +1 -1
- package/json/vetur-attributes.json +3 -0
- package/json/vetur-tags.json +1 -0
- package/json/web-types.json +9 -1
- package/package.json +1 -1
- package/es/color-picker/colors.d.ts +0 -1
- package/es/color-picker/colors.js +0 -27
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { configProviderInjectionKey } from "../config-provider/context.js";
|
|
1
2
|
import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
|
|
2
3
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
3
4
|
import { isPromise } from "../_utils/is.js";
|
|
@@ -10,7 +11,7 @@ import Space from "../space/index.js";
|
|
|
10
11
|
import Table from "../table/index.js";
|
|
11
12
|
import Toolbar from "../toolbar/index.js";
|
|
12
13
|
import basic_crud_modal_default from "./basic-crud-modal.js";
|
|
13
|
-
import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, onMounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
|
|
14
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, onMounted, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useModel, useSlots, withCtx } from "vue";
|
|
14
15
|
import { isFunction, isNil, isString, omitBy } from "es-toolkit";
|
|
15
16
|
//#region components/basic-crud-table/basic-crud-table.vue?vue&type=script&setup=true&lang.ts
|
|
16
17
|
var _hoisted_1 = ["aria-busy"];
|
|
@@ -26,6 +27,10 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
26
27
|
toolbarProps: { default: () => ({}) },
|
|
27
28
|
modalProps: { default: () => ({}) },
|
|
28
29
|
modalFormProps: { default: () => ({ schemas: [] }) },
|
|
30
|
+
fullHeight: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
default: false
|
|
33
|
+
},
|
|
29
34
|
showCreate: {
|
|
30
35
|
type: Boolean,
|
|
31
36
|
default: true
|
|
@@ -115,6 +120,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
115
120
|
const modalModel = useModel(__props, "modalModel");
|
|
116
121
|
const modalVisible = useModel(__props, "modalVisible");
|
|
117
122
|
const slots = useSlots();
|
|
123
|
+
const configProvider = inject(configProviderInjectionKey, void 0);
|
|
118
124
|
const toolbarRef = shallowRef();
|
|
119
125
|
const modalRef = shallowRef();
|
|
120
126
|
const current = shallowRef(resolvePaginationNumber("current", "defaultCurrent", 1));
|
|
@@ -123,7 +129,10 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
123
129
|
const sorter = shallowRef({});
|
|
124
130
|
const fetchData = shallowRef();
|
|
125
131
|
const prefixCls = getPrefixCls("basic-crud-table");
|
|
126
|
-
const cls = computed(() => [prefixCls, {
|
|
132
|
+
const cls = computed(() => [prefixCls, {
|
|
133
|
+
[`${prefixCls}-full-height`]: __props.fullHeight,
|
|
134
|
+
[`${prefixCls}-loading`]: loading.value
|
|
135
|
+
}]);
|
|
127
136
|
const toolbarSlotNames = computed(() => getForwardedSlotNames("toolbar__", [
|
|
128
137
|
"default",
|
|
129
138
|
"action_prepend",
|
|
@@ -143,6 +152,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
143
152
|
pageSize: pageSize.value,
|
|
144
153
|
total: total.value
|
|
145
154
|
}));
|
|
155
|
+
const resolvedTableScroll = computed(() => __props.fullHeight ? _objectSpread2(_objectSpread2({}, __props.tableProps.scroll), {}, { y: "100%" }) : __props.tableProps.scroll);
|
|
146
156
|
const params = computed(() => _objectSpread2(_objectSpread2({
|
|
147
157
|
current: current.value,
|
|
148
158
|
pageSize: pageSize.value
|
|
@@ -154,9 +164,17 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
154
164
|
return Object.keys(slots).filter((name) => name.startsWith(prefix)).map((name) => name.slice(prefix.length)).filter((name) => !excluded.includes(name));
|
|
155
165
|
}
|
|
156
166
|
function resolvePaginationNumber(controlled, initial, fallback) {
|
|
157
|
-
var _ref, _pagination$controlle;
|
|
158
167
|
const pagination = __props.tableProps.pagination;
|
|
159
|
-
|
|
168
|
+
if (typeof pagination === "object") {
|
|
169
|
+
var _pagination$controlle;
|
|
170
|
+
const localValue = (_pagination$controlle = pagination[controlled]) !== null && _pagination$controlle !== void 0 ? _pagination$controlle : pagination[initial];
|
|
171
|
+
if (localValue !== void 0) return Number(localValue);
|
|
172
|
+
}
|
|
173
|
+
if (initial === "defaultPageSize") {
|
|
174
|
+
var _configProvider$pagin, _configProvider$pagin2;
|
|
175
|
+
return Number((_configProvider$pagin = configProvider === null || configProvider === void 0 || (_configProvider$pagin2 = configProvider.pagination) === null || _configProvider$pagin2 === void 0 ? void 0 : _configProvider$pagin2.defaultPageSize) !== null && _configProvider$pagin !== void 0 ? _configProvider$pagin : fallback);
|
|
176
|
+
}
|
|
177
|
+
return fallback;
|
|
160
178
|
}
|
|
161
179
|
function isObjectResult(value) {
|
|
162
180
|
return !!value && typeof value === "object" && Array.isArray(value.data);
|
|
@@ -177,9 +195,9 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
177
195
|
tableData.value = result;
|
|
178
196
|
total.value = result.length;
|
|
179
197
|
} else if (isObjectResult(result)) {
|
|
180
|
-
var
|
|
198
|
+
var _ref, _result$total;
|
|
181
199
|
tableData.value = result.data;
|
|
182
|
-
total.value = (
|
|
200
|
+
total.value = (_ref = (_result$total = result.total) !== null && _result$total !== void 0 ? _result$total : result.count) !== null && _ref !== void 0 ? _ref : result.data.length;
|
|
183
201
|
} else return;
|
|
184
202
|
emit("tableFetched", tableData.value, result);
|
|
185
203
|
} catch (error) {
|
|
@@ -418,6 +436,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
418
436
|
class: normalizeClass(`${unref(prefixCls)}-body`)
|
|
419
437
|
}, {
|
|
420
438
|
default: withCtx(() => [createVNode(unref(Table), mergeProps(__props.tableProps, {
|
|
439
|
+
scroll: resolvedTableScroll.value,
|
|
421
440
|
columns: resolvedColumns.value,
|
|
422
441
|
data: tableData.value,
|
|
423
442
|
pagination: resolvedPagination.value,
|
|
@@ -463,6 +482,7 @@ var basic_crud_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
463
482
|
fn: withCtx((data) => [renderSlot(_ctx.$slots, `table__${name}`, normalizeProps(guardReactiveProps(data)))])
|
|
464
483
|
};
|
|
465
484
|
})]), 1040, [
|
|
485
|
+
"scroll",
|
|
466
486
|
"columns",
|
|
467
487
|
"data",
|
|
468
488
|
"pagination"
|
|
@@ -22,6 +22,24 @@
|
|
|
22
22
|
width: 100%;
|
|
23
23
|
min-width: 0;
|
|
24
24
|
}
|
|
25
|
+
.sd-basic-crud-table-full-height {
|
|
26
|
+
height: 100%;
|
|
27
|
+
min-height: 0;
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
}
|
|
30
|
+
.sd-basic-crud-table-full-height .sd-basic-crud-table-body {
|
|
31
|
+
display: flex;
|
|
32
|
+
flex: 1 1 auto;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
min-height: 0;
|
|
35
|
+
overflow: hidden;
|
|
36
|
+
}
|
|
37
|
+
.sd-basic-crud-table-full-height .sd-basic-crud-table-body > .sd-table {
|
|
38
|
+
display: flex;
|
|
39
|
+
flex: 1 1 auto;
|
|
40
|
+
flex-direction: column;
|
|
41
|
+
min-height: 0;
|
|
42
|
+
}
|
|
25
43
|
.sd-basic-crud-table-header {
|
|
26
44
|
display: flex;
|
|
27
45
|
flex-direction: column;
|
|
@@ -9,6 +9,27 @@ $basic-crud-table-prefix-cls: string.unquote('#{theme.$prefix}-basic-crud-table'
|
|
|
9
9
|
width: 100%;
|
|
10
10
|
min-width: 0;
|
|
11
11
|
|
|
12
|
+
&-full-height {
|
|
13
|
+
height: 100%;
|
|
14
|
+
min-height: 0;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&-full-height &-body {
|
|
19
|
+
display: flex;
|
|
20
|
+
flex: 1 1 auto;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
min-height: 0;
|
|
23
|
+
overflow: hidden;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&-full-height &-body > .#{theme.$prefix}-table {
|
|
27
|
+
display: flex;
|
|
28
|
+
flex: 1 1 auto;
|
|
29
|
+
flex-direction: column;
|
|
30
|
+
min-height: 0;
|
|
31
|
+
}
|
|
32
|
+
|
|
12
33
|
&-header {
|
|
13
34
|
display: flex;
|
|
14
35
|
flex-direction: column;
|
|
@@ -21,6 +21,7 @@ export interface BasicCrudTableProps<TRow extends TableData = TableData> {
|
|
|
21
21
|
toolbarProps?: BasicCrudTableToolbarProps;
|
|
22
22
|
modalProps?: BasicCrudTableModalProps;
|
|
23
23
|
modalFormProps?: BasicCrudTableModalFormProps;
|
|
24
|
+
fullHeight?: boolean;
|
|
24
25
|
showCreate?: boolean;
|
|
25
26
|
openCreateModal?: boolean;
|
|
26
27
|
showEdit?: boolean;
|
package/es/card/card.d.ts
CHANGED
|
@@ -82,8 +82,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
82
82
|
bordered: boolean;
|
|
83
83
|
hoverable: boolean;
|
|
84
84
|
bodyStyle: CSSProperties;
|
|
85
|
-
headerStyle: CSSProperties;
|
|
86
85
|
fullHeight: boolean;
|
|
86
|
+
headerStyle: CSSProperties;
|
|
87
87
|
}, {}, {
|
|
88
88
|
Spin: {
|
|
89
89
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
package/es/card/index.d.ts
CHANGED
|
@@ -48,8 +48,8 @@ declare const Card: {
|
|
|
48
48
|
bordered: boolean;
|
|
49
49
|
hoverable: boolean;
|
|
50
50
|
bodyStyle: import("vue").CSSProperties;
|
|
51
|
-
headerStyle: import("vue").CSSProperties;
|
|
52
51
|
fullHeight: boolean;
|
|
52
|
+
headerStyle: import("vue").CSSProperties;
|
|
53
53
|
}, true, {}, {}, {
|
|
54
54
|
Spin: {
|
|
55
55
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -455,8 +455,8 @@ declare const Card: {
|
|
|
455
455
|
bordered: boolean;
|
|
456
456
|
hoverable: boolean;
|
|
457
457
|
bodyStyle: import("vue").CSSProperties;
|
|
458
|
-
headerStyle: import("vue").CSSProperties;
|
|
459
458
|
fullHeight: boolean;
|
|
459
|
+
headerStyle: import("vue").CSSProperties;
|
|
460
460
|
}>;
|
|
461
461
|
__isFragment?: never;
|
|
462
462
|
__isTeleport?: never;
|
|
@@ -505,8 +505,8 @@ declare const Card: {
|
|
|
505
505
|
bordered: boolean;
|
|
506
506
|
hoverable: boolean;
|
|
507
507
|
bodyStyle: import("vue").CSSProperties;
|
|
508
|
-
headerStyle: import("vue").CSSProperties;
|
|
509
508
|
fullHeight: boolean;
|
|
509
|
+
headerStyle: import("vue").CSSProperties;
|
|
510
510
|
}, {}, string, {}, {
|
|
511
511
|
Spin: {
|
|
512
512
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -9,13 +9,13 @@ import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.j
|
|
|
9
9
|
import Trigger from "../trigger/index.js";
|
|
10
10
|
import Tooltip from "../tooltip/index.js";
|
|
11
11
|
import { debounce } from "../_utils/debounce.js";
|
|
12
|
+
import select_view_default from "../_components/select-view/select-view.js";
|
|
13
|
+
import { useAllowSearch } from "../_hooks/use-allow-search.js";
|
|
14
|
+
import { useTrigger } from "../_hooks/use-trigger.js";
|
|
12
15
|
import { cascaderInjectionKey } from "./context.js";
|
|
13
16
|
import { getCheckedStatus, getLeafOptionInfos, getLeafOptionKeys, getOptionInfos, getOptionLabel, getValidValues, getValueKey } from "./utils.js";
|
|
14
17
|
import base_cascader_panel_default from "./base-cascader-panel.js";
|
|
15
18
|
import { useSelectedPath } from "./hooks/use-selected-path.js";
|
|
16
|
-
import select_view_default from "../_components/select-view/select-view.js";
|
|
17
|
-
import { useAllowSearch } from "../_hooks/use-allow-search.js";
|
|
18
|
-
import { useTrigger } from "../_hooks/use-trigger.js";
|
|
19
19
|
import cascader_search_panel_default from "./cascader-search-panel.js";
|
|
20
20
|
import { computed, createBlock, createSlots, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRef, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
|
|
21
21
|
//#region components/cascader/cascader.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
+
import { configProviderInjectionKey } from "../config-provider/context.js";
|
|
1
2
|
import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
|
|
2
3
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
3
4
|
import { useReadonlyTip, useReadonlyTipText } from "../_hooks/use-readonly-tip.js";
|
|
4
5
|
import Trigger from "../trigger/index.js";
|
|
5
6
|
import Tooltip from "../tooltip/index.js";
|
|
6
7
|
import Input from "../input/index.js";
|
|
7
|
-
import { colors } from "./colors.js";
|
|
8
8
|
import { formatColorState, getColorBackground, getColorObject, normalizeFormat, parseColorState } from "./utils.js";
|
|
9
9
|
import panel_default from "./panel.js";
|
|
10
|
-
import { computed, createVNode, defineComponent, mergeProps, ref, toRef } from "vue";
|
|
10
|
+
import { computed, createVNode, defineComponent, inject, mergeProps, ref, toRef } from "vue";
|
|
11
11
|
//#region components/color-picker/color-picker.tsx
|
|
12
12
|
var color_picker_default = /* @__PURE__ */ defineComponent({
|
|
13
13
|
name: "ColorPicker",
|
|
@@ -139,6 +139,7 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
|
|
|
139
139
|
},
|
|
140
140
|
setup(props, { emit, slots }) {
|
|
141
141
|
const prefixCls = getPrefixCls("color-picker");
|
|
142
|
+
const configProvider = inject(configProviderInjectionKey, void 0);
|
|
142
143
|
const innerValue = ref(props.defaultValue);
|
|
143
144
|
const popupVisible = ref(false);
|
|
144
145
|
const innerRecentColors = ref(Array.isArray(props.defaultRecentColors) ? props.defaultRecentColors : []);
|
|
@@ -154,9 +155,9 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
|
|
|
154
155
|
return innerRecentColors.value;
|
|
155
156
|
});
|
|
156
157
|
const mergedSwatchColors = computed(() => {
|
|
157
|
-
|
|
158
|
-
if (
|
|
159
|
-
return
|
|
158
|
+
var _configProvider$color, _configProvider$color2;
|
|
159
|
+
if (props.swatchColors !== void 0) return props.swatchColors;
|
|
160
|
+
return (_configProvider$color = configProvider === null || configProvider === void 0 || (_configProvider$color2 = configProvider.colorPicker) === null || _configProvider$color2 === void 0 ? void 0 : _configProvider$color2.swatchColors) !== null && _configProvider$color !== void 0 ? _configProvider$color : [];
|
|
160
161
|
});
|
|
161
162
|
const colorState = computed(() => parseColorState(mergedValue.value, props.colorModes));
|
|
162
163
|
const triggerInputValue = computed(() => {
|
|
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
29
29
|
};
|
|
30
30
|
swatchColors: {
|
|
31
31
|
type: PropType<string[] | null>;
|
|
32
|
-
default: () =>
|
|
32
|
+
default: () => never[];
|
|
33
33
|
};
|
|
34
34
|
onChange: PropType<(value: string, trigger: ColorPickerChangeTrigger) => void>;
|
|
35
35
|
onRecentColorsChange: PropType<(value: string[]) => void>;
|
|
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
65
65
|
};
|
|
66
66
|
swatchColors: {
|
|
67
67
|
type: PropType<string[] | null>;
|
|
68
|
-
default: () =>
|
|
68
|
+
default: () => never[];
|
|
69
69
|
};
|
|
70
70
|
onChange: PropType<(value: string, trigger: ColorPickerChangeTrigger) => void>;
|
|
71
71
|
onRecentColorsChange: PropType<(value: string[]) => void>;
|
package/es/color-picker/panel.js
CHANGED
|
@@ -4,9 +4,8 @@ import { useI18n } from "../locale/index.js";
|
|
|
4
4
|
import input_group_default from "../input/input-group.js";
|
|
5
5
|
import Input from "../input/index.js";
|
|
6
6
|
import InputNumber from "../input-number/index.js";
|
|
7
|
-
import Radio from "../radio/index.js";
|
|
8
7
|
import Select from "../select/index.js";
|
|
9
|
-
import
|
|
8
|
+
import Radio from "../radio/index.js";
|
|
10
9
|
import control_bar_default from "./control-bar.js";
|
|
11
10
|
import palette_default from "./palette.js";
|
|
12
11
|
import { addGradientColor, formatColor, formatColorState, getActiveGradientPoint, getColorBackground, getColorObject, getDefaultColorState, getDefaultGradientState, getFormatInputs, getGradientThumbBackground, getLinearGradientString, normalizeFormat, parseColorState, parseFormatInputValues, removeGradientColor, round, setActiveColorHsva, setGradientColors, setGradientDegree, setGradientSelectedPoint } from "./utils.js";
|
|
@@ -152,7 +151,7 @@ var panel_default = /* @__PURE__ */ defineComponent({
|
|
|
152
151
|
},
|
|
153
152
|
swatchColors: {
|
|
154
153
|
type: Array,
|
|
155
|
-
default: () =>
|
|
154
|
+
default: () => []
|
|
156
155
|
},
|
|
157
156
|
onChange: Function,
|
|
158
157
|
onRecentColorsChange: Function,
|
|
@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
|
|
|
2
2
|
import { VirtualListProps } from '../_components/virtual-list/interface';
|
|
3
3
|
import { Size } from '../_utils/constant';
|
|
4
4
|
import { SdLang } from '../locale/interface';
|
|
5
|
-
import { ConfigProviderDatePicker, ConfigProviderDrawer, type JsonFormProviderConfig, ConfigProviderModal, ConfigProviderPagination } from './context';
|
|
5
|
+
import { ConfigProviderColorPicker, ConfigProviderDatePicker, ConfigProviderDrawer, type JsonFormProviderConfig, ConfigProviderModal, ConfigProviderPagination } from './context';
|
|
6
6
|
import { SdThemeConfig, SdThemeMode } from './theme';
|
|
7
7
|
declare var __VLS_8: {};
|
|
8
8
|
type __VLS_Slots = {} & {
|
|
@@ -66,6 +66,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
66
66
|
pagination: {
|
|
67
67
|
type: PropType<ConfigProviderPagination>;
|
|
68
68
|
};
|
|
69
|
+
colorPicker: {
|
|
70
|
+
type: PropType<ConfigProviderColorPicker>;
|
|
71
|
+
};
|
|
69
72
|
jsonForm: {
|
|
70
73
|
type: PropType<JsonFormProviderConfig>;
|
|
71
74
|
};
|
|
@@ -133,6 +136,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
133
136
|
pagination: {
|
|
134
137
|
type: PropType<ConfigProviderPagination>;
|
|
135
138
|
};
|
|
139
|
+
colorPicker: {
|
|
140
|
+
type: PropType<ConfigProviderColorPicker>;
|
|
141
|
+
};
|
|
136
142
|
jsonForm: {
|
|
137
143
|
type: PropType<JsonFormProviderConfig>;
|
|
138
144
|
};
|
|
@@ -120,6 +120,11 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
120
120
|
*/
|
|
121
121
|
pagination: { type: Object },
|
|
122
122
|
/**
|
|
123
|
+
* @zh ColorPicker 组件默认配置
|
|
124
|
+
* @en Default config for ColorPicker
|
|
125
|
+
*/
|
|
126
|
+
colorPicker: { type: Object },
|
|
127
|
+
/**
|
|
123
128
|
* @zh JsonForm 组件默认配置
|
|
124
129
|
* @en Default config for JsonForm
|
|
125
130
|
*/
|
|
@@ -151,7 +156,7 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
151
156
|
* @version 2.28.0
|
|
152
157
|
*/
|
|
153
158
|
const slots = useSlots();
|
|
154
|
-
const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination } = toRefs(props);
|
|
159
|
+
const { prefixCls, locale, size, allowClear, autoInsertSpaceInButton, allowSearch, virtualListProps, updateAtScroll, scrollToClose, exchangeTime, rtl, datePicker, modal, drawer, pagination, colorPicker } = toRefs(props);
|
|
155
160
|
const config = reactive({
|
|
156
161
|
slots,
|
|
157
162
|
prefixCls,
|
|
@@ -169,6 +174,7 @@ var config_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
|
|
|
169
174
|
modal,
|
|
170
175
|
drawer,
|
|
171
176
|
pagination,
|
|
177
|
+
colorPicker,
|
|
172
178
|
jsonForm: toRefs(props).jsonForm,
|
|
173
179
|
theme: normalizeTheme(props.theme)
|
|
174
180
|
});
|
|
@@ -66,6 +66,9 @@ export interface ConfigProviderPagination {
|
|
|
66
66
|
bufferSize?: number;
|
|
67
67
|
pageSizeProps?: PaginationSelectProps;
|
|
68
68
|
}
|
|
69
|
+
export interface ConfigProviderColorPicker {
|
|
70
|
+
swatchColors?: string[];
|
|
71
|
+
}
|
|
69
72
|
export interface ConfigProvider {
|
|
70
73
|
slots: Slots;
|
|
71
74
|
prefixCls?: string;
|
|
@@ -83,6 +86,7 @@ export interface ConfigProvider {
|
|
|
83
86
|
modal?: ConfigProviderModal;
|
|
84
87
|
drawer?: ConfigProviderDrawer;
|
|
85
88
|
pagination?: ConfigProviderPagination;
|
|
89
|
+
colorPicker?: ConfigProviderColorPicker;
|
|
86
90
|
jsonForm?: JsonFormProviderConfig;
|
|
87
91
|
theme?: SDThemeNormalized;
|
|
88
92
|
}
|
|
@@ -49,19 +49,22 @@ declare const ConfigProvider: {
|
|
|
49
49
|
default: boolean;
|
|
50
50
|
};
|
|
51
51
|
datePicker: {
|
|
52
|
-
type: import("vue").PropType<import("./context
|
|
52
|
+
type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
|
|
53
53
|
};
|
|
54
54
|
modal: {
|
|
55
|
-
type: import("vue").PropType<import("./context
|
|
55
|
+
type: import("vue").PropType<import("./context").ConfigProviderModal>;
|
|
56
56
|
};
|
|
57
57
|
drawer: {
|
|
58
|
-
type: import("vue").PropType<import("./context
|
|
58
|
+
type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
|
|
59
59
|
};
|
|
60
60
|
pagination: {
|
|
61
|
-
type: import("vue").PropType<import("./context
|
|
61
|
+
type: import("vue").PropType<import("./context").ConfigProviderPagination>;
|
|
62
|
+
};
|
|
63
|
+
colorPicker: {
|
|
64
|
+
type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
|
|
62
65
|
};
|
|
63
66
|
jsonForm: {
|
|
64
|
-
type: import("vue").PropType<import("./context
|
|
67
|
+
type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
|
|
65
68
|
};
|
|
66
69
|
theme: {
|
|
67
70
|
type: import("vue").PropType<import("./theme").SdThemeConfig>;
|
|
@@ -133,19 +136,22 @@ declare const ConfigProvider: {
|
|
|
133
136
|
default: boolean;
|
|
134
137
|
};
|
|
135
138
|
datePicker: {
|
|
136
|
-
type: import("vue").PropType<import("./context
|
|
139
|
+
type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
|
|
137
140
|
};
|
|
138
141
|
modal: {
|
|
139
|
-
type: import("vue").PropType<import("./context
|
|
142
|
+
type: import("vue").PropType<import("./context").ConfigProviderModal>;
|
|
140
143
|
};
|
|
141
144
|
drawer: {
|
|
142
|
-
type: import("vue").PropType<import("./context
|
|
145
|
+
type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
|
|
143
146
|
};
|
|
144
147
|
pagination: {
|
|
145
|
-
type: import("vue").PropType<import("./context
|
|
148
|
+
type: import("vue").PropType<import("./context").ConfigProviderPagination>;
|
|
149
|
+
};
|
|
150
|
+
colorPicker: {
|
|
151
|
+
type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
|
|
146
152
|
};
|
|
147
153
|
jsonForm: {
|
|
148
|
-
type: import("vue").PropType<import("./context
|
|
154
|
+
type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
|
|
149
155
|
};
|
|
150
156
|
theme: {
|
|
151
157
|
type: import("vue").PropType<import("./theme").SdThemeConfig>;
|
|
@@ -214,19 +220,22 @@ declare const ConfigProvider: {
|
|
|
214
220
|
default: boolean;
|
|
215
221
|
};
|
|
216
222
|
datePicker: {
|
|
217
|
-
type: import("vue").PropType<import("./context
|
|
223
|
+
type: import("vue").PropType<import("./context").ConfigProviderDatePicker>;
|
|
218
224
|
};
|
|
219
225
|
modal: {
|
|
220
|
-
type: import("vue").PropType<import("./context
|
|
226
|
+
type: import("vue").PropType<import("./context").ConfigProviderModal>;
|
|
221
227
|
};
|
|
222
228
|
drawer: {
|
|
223
|
-
type: import("vue").PropType<import("./context
|
|
229
|
+
type: import("vue").PropType<import("./context").ConfigProviderDrawer>;
|
|
224
230
|
};
|
|
225
231
|
pagination: {
|
|
226
|
-
type: import("vue").PropType<import("./context
|
|
232
|
+
type: import("vue").PropType<import("./context").ConfigProviderPagination>;
|
|
233
|
+
};
|
|
234
|
+
colorPicker: {
|
|
235
|
+
type: import("vue").PropType<import("./context").ConfigProviderColorPicker>;
|
|
227
236
|
};
|
|
228
237
|
jsonForm: {
|
|
229
|
-
type: import("vue").PropType<import("./context
|
|
238
|
+
type: import("vue").PropType<import("./context").JsonFormProviderConfig>;
|
|
230
239
|
};
|
|
231
240
|
theme: {
|
|
232
241
|
type: import("vue").PropType<import("./theme").SdThemeConfig>;
|
|
@@ -254,4 +263,5 @@ declare const ConfigProvider: {
|
|
|
254
263
|
export type ConfigProviderInstance = InstanceType<typeof _ConfigProvider>;
|
|
255
264
|
export type { SdThemeConfig, SdThemeMeta, SdThemeMode, ThemeTokenMap, ThemeTokenValue, } from './theme';
|
|
256
265
|
export type { JsonFormProviderConfig as ConfigProviderJsonFormConfig } from '../json-form';
|
|
266
|
+
export type { ConfigProviderColorPicker } from './context';
|
|
257
267
|
export default ConfigProvider;
|
package/es/index.css
CHANGED
|
@@ -20928,6 +20928,24 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
20928
20928
|
width: 100%;
|
|
20929
20929
|
min-width: 0;
|
|
20930
20930
|
}
|
|
20931
|
+
.sd-basic-crud-table-full-height {
|
|
20932
|
+
height: 100%;
|
|
20933
|
+
min-height: 0;
|
|
20934
|
+
overflow: hidden;
|
|
20935
|
+
}
|
|
20936
|
+
.sd-basic-crud-table-full-height .sd-basic-crud-table-body {
|
|
20937
|
+
display: flex;
|
|
20938
|
+
flex: 1 1 auto;
|
|
20939
|
+
flex-direction: column;
|
|
20940
|
+
min-height: 0;
|
|
20941
|
+
overflow: hidden;
|
|
20942
|
+
}
|
|
20943
|
+
.sd-basic-crud-table-full-height .sd-basic-crud-table-body > .sd-table {
|
|
20944
|
+
display: flex;
|
|
20945
|
+
flex: 1 1 auto;
|
|
20946
|
+
flex-direction: column;
|
|
20947
|
+
min-height: 0;
|
|
20948
|
+
}
|
|
20931
20949
|
.sd-basic-crud-table-header {
|
|
20932
20950
|
display: flex;
|
|
20933
20951
|
flex-direction: column;
|
package/es/index.js
CHANGED
|
@@ -27,9 +27,12 @@ import Popconfirm from "./popconfirm/index.js";
|
|
|
27
27
|
import Space from "./space/index.js";
|
|
28
28
|
import Empty from "./empty/index.js";
|
|
29
29
|
import InputNumber from "./input-number/index.js";
|
|
30
|
-
import
|
|
30
|
+
import Tag from "./tag/index.js";
|
|
31
|
+
import InputTag from "./input-tag/index.js";
|
|
31
32
|
import checkbox_group_default from "./checkbox/checkbox-group.js";
|
|
32
33
|
import Checkbox from "./checkbox/index.js";
|
|
34
|
+
import Select from "./select/index.js";
|
|
35
|
+
import Pagination from "./pagination/index.js";
|
|
33
36
|
import radio_group_default from "./radio/radio-group.js";
|
|
34
37
|
import Radio from "./radio/index.js";
|
|
35
38
|
import table_tbody_default from "./table/table-tbody.js";
|
|
@@ -47,8 +50,6 @@ import form_item_default from "./form/form-item.js";
|
|
|
47
50
|
import Form from "./form/index.js";
|
|
48
51
|
import { A2UI_0_8, defineJsonFormComponents, defineJsonFormSchemas } from "./json-form/types.js";
|
|
49
52
|
import cascader_panel_default from "./cascader/cascader-panel.js";
|
|
50
|
-
import Tag from "./tag/index.js";
|
|
51
|
-
import InputTag from "./input-tag/index.js";
|
|
52
53
|
import Cascader from "./cascader/index.js";
|
|
53
54
|
import month_picker_default from "./date-picker/pickers/month-picker.js";
|
|
54
55
|
import quarter_picker_default from "./date-picker/pickers/quarter-picker.js";
|
|
@@ -59,7 +60,6 @@ import DatePicker from "./date-picker/index.js";
|
|
|
59
60
|
import Textarea from "./textarea/index.js";
|
|
60
61
|
import Mention from "./mention/index.js";
|
|
61
62
|
import Rate from "./rate/index.js";
|
|
62
|
-
import Select from "./select/index.js";
|
|
63
63
|
import Slider from "./slider/index.js";
|
|
64
64
|
import Switch from "./switch/index.js";
|
|
65
65
|
import TimePicker from "./time-picker/index.js";
|
package/es/json-form/utils.js
CHANGED
|
@@ -4,20 +4,20 @@ import input_search_default from "../input/input-search.js";
|
|
|
4
4
|
import Input from "../input/index.js";
|
|
5
5
|
import AutoComplete from "../auto-complete/index.js";
|
|
6
6
|
import InputNumber from "../input-number/index.js";
|
|
7
|
+
import InputTag from "../input-tag/index.js";
|
|
7
8
|
import checkbox_group_default from "../checkbox/checkbox-group.js";
|
|
8
9
|
import Checkbox from "../checkbox/index.js";
|
|
10
|
+
import Select from "../select/index.js";
|
|
9
11
|
import radio_group_default from "../radio/radio-group.js";
|
|
10
12
|
import Radio from "../radio/index.js";
|
|
11
13
|
import grid_row_default from "../grid/grid-row.js";
|
|
12
14
|
import { JSON_FORM_COMPONENT_TYPES } from "./types.js";
|
|
13
|
-
import InputTag from "../input-tag/index.js";
|
|
14
15
|
import Cascader from "../cascader/index.js";
|
|
15
16
|
import range_picker_default from "../date-picker/range-picker.js";
|
|
16
17
|
import DatePicker from "../date-picker/index.js";
|
|
17
18
|
import Textarea from "../textarea/index.js";
|
|
18
19
|
import Mention from "../mention/index.js";
|
|
19
20
|
import Rate from "../rate/index.js";
|
|
20
|
-
import Select from "../select/index.js";
|
|
21
21
|
import Slider from "../slider/index.js";
|
|
22
22
|
import Switch from "../switch/index.js";
|
|
23
23
|
import TimePicker from "../time-picker/index.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
2
2
|
import { getAllElements } from "../_utils/vue-utils.js";
|
|
3
3
|
import resize_observer_v2_default from "../_components/resize-observer-v2.js";
|
|
4
|
-
import { getReverse } from "../_utils/array.js";
|
|
5
4
|
import Tag from "../tag/index.js";
|
|
5
|
+
import { getReverse } from "../_utils/array.js";
|
|
6
6
|
import { computed, createTextVNode, createVNode, defineComponent, mergeProps, onMounted, ref, watch } from "vue";
|
|
7
7
|
//#region components/overflow-list/overflow-list.tsx
|
|
8
8
|
var overflow_list_default = /* @__PURE__ */ defineComponent({
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
|
|
2
2
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
3
3
|
import { useI18n } from "../locale/index.js";
|
|
4
|
-
import
|
|
4
|
+
import Select from "../select/index.js";
|
|
5
|
+
import { computed, createElementBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, unref } from "vue";
|
|
5
6
|
//#region components/pagination/page-options.vue?vue&type=script&setup=true&lang.ts
|
|
6
7
|
var page_options_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "PageOptions" }), {}, {
|
|
7
8
|
__name: "page-options",
|
|
@@ -35,13 +36,15 @@ var page_options_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
|
|
|
35
36
|
emit("change", value);
|
|
36
37
|
};
|
|
37
38
|
return (_ctx, _cache) => {
|
|
38
|
-
|
|
39
|
-
return openBlock(), createElementBlock("span", { class: normalizeClass(unref(prefixCls)) }, [createVNode(_component_sd_select, mergeProps({
|
|
39
|
+
return openBlock(), createElementBlock("span", { class: normalizeClass(unref(prefixCls)) }, [createVNode(unref(Select), mergeProps({
|
|
40
40
|
"model-value": modelValue.value,
|
|
41
41
|
options: options.value,
|
|
42
42
|
size: __props.size,
|
|
43
43
|
disabled: __props.disabled
|
|
44
|
-
}, __props.selectProps, {
|
|
44
|
+
}, __props.selectProps, {
|
|
45
|
+
"allow-clear": false,
|
|
46
|
+
onChange: handleChange
|
|
47
|
+
}), null, 16, [
|
|
45
48
|
"model-value",
|
|
46
49
|
"options",
|
|
47
50
|
"size",
|
package/es/sd-vue.js
CHANGED
|
@@ -27,9 +27,12 @@ import Popconfirm from "./popconfirm/index.js";
|
|
|
27
27
|
import Space from "./space/index.js";
|
|
28
28
|
import Empty from "./empty/index.js";
|
|
29
29
|
import InputNumber from "./input-number/index.js";
|
|
30
|
-
import
|
|
30
|
+
import Tag from "./tag/index.js";
|
|
31
|
+
import InputTag from "./input-tag/index.js";
|
|
31
32
|
import checkbox_group_default from "./checkbox/checkbox-group.js";
|
|
32
33
|
import Checkbox from "./checkbox/index.js";
|
|
34
|
+
import Select from "./select/index.js";
|
|
35
|
+
import Pagination from "./pagination/index.js";
|
|
33
36
|
import radio_group_default from "./radio/radio-group.js";
|
|
34
37
|
import Radio from "./radio/index.js";
|
|
35
38
|
import table_tbody_default from "./table/table-tbody.js";
|
|
@@ -46,8 +49,6 @@ import Grid from "./grid/index.js";
|
|
|
46
49
|
import form_item_default from "./form/form-item.js";
|
|
47
50
|
import Form from "./form/index.js";
|
|
48
51
|
import cascader_panel_default from "./cascader/cascader-panel.js";
|
|
49
|
-
import Tag from "./tag/index.js";
|
|
50
|
-
import InputTag from "./input-tag/index.js";
|
|
51
52
|
import Cascader from "./cascader/index.js";
|
|
52
53
|
import month_picker_default from "./date-picker/pickers/month-picker.js";
|
|
53
54
|
import quarter_picker_default from "./date-picker/pickers/quarter-picker.js";
|
|
@@ -58,7 +59,6 @@ import DatePicker from "./date-picker/index.js";
|
|
|
58
59
|
import Textarea from "./textarea/index.js";
|
|
59
60
|
import Mention from "./mention/index.js";
|
|
60
61
|
import Rate from "./rate/index.js";
|
|
61
|
-
import Select from "./select/index.js";
|
|
62
62
|
import Slider from "./slider/index.js";
|
|
63
63
|
import Switch from "./switch/index.js";
|
|
64
64
|
import TimePicker from "./time-picker/index.js";
|
package/es/select/select.js
CHANGED
|
@@ -13,10 +13,10 @@ import { getKeyFromValue, hasEmptyStringKey, isGroupOptionInfo, isValidOption }
|
|
|
13
13
|
import { useSelect } from "./hooks/use-select.js";
|
|
14
14
|
import select_dropdown_default from "./select-dropdown.js";
|
|
15
15
|
import { debounce } from "../_utils/debounce.js";
|
|
16
|
-
import Checkbox from "../checkbox/index.js";
|
|
17
16
|
import select_view_default from "../_components/select-view/select-view.js";
|
|
18
17
|
import { useAllowSearch } from "../_hooks/use-allow-search.js";
|
|
19
18
|
import { useTrigger } from "../_hooks/use-trigger.js";
|
|
19
|
+
import Checkbox from "../checkbox/index.js";
|
|
20
20
|
import { computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps, nextTick, ref, toRef, toRefs, watch, watchEffect } from "vue";
|
|
21
21
|
//#region components/select/select.tsx
|
|
22
22
|
function _isSlot(s) {
|
|
@@ -2,9 +2,9 @@ import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helper
|
|
|
2
2
|
import { getPrefixCls } from "../_utils/global-config.js";
|
|
3
3
|
import IconMinus from "../icon/icon-minus/index.js";
|
|
4
4
|
import IconPlus from "../icon/icon-plus/index.js";
|
|
5
|
+
import Checkbox from "../checkbox/index.js";
|
|
5
6
|
import { tableInjectionKey } from "./context.js";
|
|
6
7
|
import { getGridSpanStyle, getLeafKeys, getOperationFixedCls, getOperationStyle, getSelectionStatus } from "./utils.js";
|
|
7
|
-
import Checkbox from "../checkbox/index.js";
|
|
8
8
|
import IconDragDotVertical from "../icon/icon-drag-dot-vertical/index.js";
|
|
9
9
|
import Radio from "../radio/index.js";
|
|
10
10
|
import { computed, createVNode, defineComponent, inject } from "vue";
|