@kp-ui/lowcode-pc-v2 0.0.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/_virtual/_plugin-vue_export-helper.js +8 -0
- package/assets/styles/style.css +471 -0
- package/core/src/components/common/render/Debugger.js +7 -0
- package/core/src/components/common/render/Debugger.vue_vue_type_script_setup_true_lang.js +43 -0
- package/core/src/components/common/render/LowcodeRenderProvider.js +5 -0
- package/core/src/components/common/render/LowcodeRenderProvider.vue_vue_type_script_setup_true_lang.js +49 -0
- package/core/src/components/common/render/RenderWidgetList.js +5 -0
- package/core/src/components/common/render/RenderWidgetList.vue_vue_type_script_setup_true_lang.js +52 -0
- package/core/src/components/common/render/usePageContext.js +238 -0
- package/core/src/components/property-editor/propertyRegister.js +29 -0
- package/core/src/constants/EditorTypeEnum.js +9 -0
- package/core/src/constants/WidgetTypeEnum.js +15 -0
- package/core/src/constants/index.js +10 -0
- package/core/src/hooks/useAppRef.js +46 -0
- package/core/src/hooks/useFactoryRender.js +60 -0
- package/core/src/hooks/useField.js +430 -0
- package/core/src/hooks/useFieldRules.js +66 -0
- package/core/src/hooks/useLowcode.js +144 -0
- package/core/src/hooks/usePagination.js +23 -0
- package/core/src/hooks/useRemoteData.js +113 -0
- package/core/src/hooks/useSelect.js +137 -0
- package/core/src/hooks/useWebMCP.js +50 -0
- package/core/src/lang/en-US.js +658 -0
- package/core/src/lang/en-US_extension.js +23 -0
- package/core/src/lang/en-US_render.js +36 -0
- package/core/src/lang/zh-CN.js +717 -0
- package/core/src/lang/zh-CN_extension.js +18 -0
- package/core/src/lang/zh-CN_render.js +36 -0
- package/core/src/store/useTableColumnStore.js +37 -0
- package/core/src/utils/format.js +40 -0
- package/core/src/utils/getWidgetCompontent.js +27 -0
- package/core/src/utils/i18n.js +38 -0
- package/core/src/utils/smart-vue-i18n/index.js +79 -0
- package/core/src/utils/transformPx.js +9 -0
- package/core/src/utils/useEmitter.js +24 -0
- package/core/src/utils/util.js +61 -0
- package/install.js +16 -0
- package/package.json +39 -0
- package/src/components/public/ActionButtonListRender.js +51 -0
- package/src/components/public/ActionButtonListRender.vue_vue_type_script_lang.js +126 -0
- package/src/components/public/ConfigView/CustomPageRender.js +5 -0
- package/src/components/public/ConfigView/CustomPageRender.vue_vue_type_script_setup_true_lang.js +38 -0
- package/src/components/public/CustomerModal/CustomerModal.js +5 -0
- package/src/components/public/CustomerModal/CustomerModal.vue_vue_type_script_setup_true_lang.js +138 -0
- package/src/components/public/CustomerModal/useCustomerModal.js +23 -0
- package/src/components/public/DataTableColumnDialog.js +7 -0
- package/src/components/public/DataTableColumnDialog.vue_vue_type_script_setup_true_name_DataTableColumnDialog_lang.js +330 -0
- package/src/hooks/useTableWidget.js +317 -0
- package/src/render/index.js +7 -0
- package/src/render/index.vue_vue_type_script_setup_true_lang.js +69 -0
- package/src/schemas/defaults/field.js +72 -0
- package/src/widgets/advanced/code-editor/index.js +7 -0
- package/src/widgets/advanced/code-editor/index.vue_vue_type_script_setup_true_lang.js +45 -0
- package/src/widgets/advanced/code-editor/schema.js +26 -0
- package/src/widgets/advanced/custom-render/index.js +5 -0
- package/src/widgets/advanced/custom-render/index.vue_vue_type_script_setup_true_lang.js +54 -0
- package/src/widgets/advanced/custom-render/schema.js +19 -0
- package/src/widgets/advanced/data-table/index.js +7 -0
- package/src/widgets/advanced/data-table/index.vue_vue_type_script_setup_true_lang.js +132 -0
- package/src/widgets/advanced/data-table/schema.js +108 -0
- package/src/widgets/advanced/file-upload/index.js +7 -0
- package/src/widgets/advanced/file-upload/index.vue_vue_type_script_setup_true_lang.js +166 -0
- package/src/widgets/advanced/file-upload/schema.js +35 -0
- package/src/widgets/advanced/rich-editor/index.js +7 -0
- package/src/widgets/advanced/rich-editor/index.vue_vue_type_script_setup_true_lang.js +56 -0
- package/src/widgets/advanced/rich-editor/schema.js +28 -0
- package/src/widgets/advanced/tree/index.js +7 -0
- package/src/widgets/advanced/tree/index.vue_vue_type_script_setup_true_lang.js +74 -0
- package/src/widgets/advanced/tree/schema.js +28 -0
- package/src/widgets/advanced/tree-select/index.js +5 -0
- package/src/widgets/advanced/tree-select/index.vue_vue_type_script_setup_true_lang.js +100 -0
- package/src/widgets/advanced/tree-select/schema.js +34 -0
- package/src/widgets/base/button/index.js +5 -0
- package/src/widgets/base/button/index.vue_vue_type_script_setup_true_lang.js +42 -0
- package/src/widgets/base/button/schema.js +33 -0
- package/src/widgets/base/button-list/index.js +7 -0
- package/src/widgets/base/button-list/index.vue_vue_type_script_setup_true_lang.js +41 -0
- package/src/widgets/base/button-list/schema.js +29 -0
- package/src/widgets/base/cascader/index.js +5 -0
- package/src/widgets/base/cascader/index.vue_vue_type_script_setup_true_lang.js +65 -0
- package/src/widgets/base/cascader/schema.js +31 -0
- package/src/widgets/base/checkbox/index.js +5 -0
- package/src/widgets/base/checkbox/index.vue_vue_type_script_setup_true_lang.js +61 -0
- package/src/widgets/base/checkbox/schema.js +25 -0
- package/src/widgets/base/color/index.js +7 -0
- package/src/widgets/base/color/index.vue_vue_type_script_setup_true_lang.js +50 -0
- package/src/widgets/base/color/schema.js +22 -0
- package/src/widgets/base/date/index.js +5 -0
- package/src/widgets/base/date/index.vue_vue_type_script_setup_true_lang.js +43 -0
- package/src/widgets/base/date/schema.js +32 -0
- package/src/widgets/base/date-range/index.js +5 -0
- package/src/widgets/base/date-range/index.vue_vue_type_script_setup_true_lang.js +44 -0
- package/src/widgets/base/date-range/schema.js +32 -0
- package/src/widgets/base/divider/index.js +5 -0
- package/src/widgets/base/divider/index.vue_vue_type_script_setup_true_lang.js +40 -0
- package/src/widgets/base/divider/schema.js +26 -0
- package/src/widgets/base/html/index.js +7 -0
- package/src/widgets/base/html/index.vue_vue_type_script_setup_true_lang.js +33 -0
- package/src/widgets/base/html/schema.js +25 -0
- package/src/widgets/base/input/index.js +5 -0
- package/src/widgets/base/input/index.vue_vue_type_script_setup_true_lang.js +78 -0
- package/src/widgets/base/input/schema.js +37 -0
- package/src/widgets/base/number/index.js +5 -0
- package/src/widgets/base/number/index.vue_vue_type_script_setup_true_lang.js +52 -0
- package/src/widgets/base/number/schema.js +31 -0
- package/src/widgets/base/radio/index.js +5 -0
- package/src/widgets/base/radio/index.vue_vue_type_script_setup_true_lang.js +61 -0
- package/src/widgets/base/radio/schema.js +26 -0
- package/src/widgets/base/rate/index.js +5 -0
- package/src/widgets/base/rate/index.vue_vue_type_script_setup_true_lang.js +52 -0
- package/src/widgets/base/rate/schema.js +24 -0
- package/src/widgets/base/select/index.js +7 -0
- package/src/widgets/base/select/index.vue_vue_type_script_setup_true_lang.js +94 -0
- package/src/widgets/base/select/schema.js +34 -0
- package/src/widgets/base/slider/index.js +5 -0
- package/src/widgets/base/slider/index.vue_vue_type_script_setup_true_lang.js +37 -0
- package/src/widgets/base/slider/schema.js +26 -0
- package/src/widgets/base/static-text/index.js +7 -0
- package/src/widgets/base/static-text/index.vue_vue_type_script_setup_true_lang.js +24 -0
- package/src/widgets/base/static-text/schema.js +28 -0
- package/src/widgets/base/switch/index.js +5 -0
- package/src/widgets/base/switch/index.vue_vue_type_script_setup_true_lang.js +40 -0
- package/src/widgets/base/switch/schema.js +25 -0
- package/src/widgets/base/textarea/index.js +7 -0
- package/src/widgets/base/textarea/index.vue_vue_type_script_setup_true_lang.js +50 -0
- package/src/widgets/base/textarea/schema.js +30 -0
- package/src/widgets/base/time/index.js +7 -0
- package/src/widgets/base/time/index.vue_vue_type_script_setup_true_lang.js +47 -0
- package/src/widgets/base/time/schema.js +33 -0
- package/src/widgets/base/time-range/index.js +7 -0
- package/src/widgets/base/time-range/index.vue_vue_type_script_setup_true_lang.js +48 -0
- package/src/widgets/base/time-range/schema.js +31 -0
- package/src/widgets/containers/box/index-render.js +7 -0
- package/src/widgets/containers/box/index-render.vue_vue_type_script_setup_true_lang.js +39 -0
- package/src/widgets/containers/box/schema.js +29 -0
- package/src/widgets/containers/collapse/index-render.js +8 -0
- package/src/widgets/containers/collapse/index-render.vue_vue_type_script_setup_true_lang.js +49 -0
- package/src/widgets/containers/collapse/schema.js +25 -0
- package/src/widgets/containers/dialog/index-render.js +5 -0
- package/src/widgets/containers/dialog/index-render.vue_vue_type_script_setup_true_lang.js +107 -0
- package/src/widgets/containers/dialog/schema.js +38 -0
- package/src/widgets/containers/form/index-render.js +7 -0
- package/src/widgets/containers/form/index-render.vue_vue_type_script_setup_true_lang.js +46 -0
- package/src/widgets/containers/form/schema.js +33 -0
- package/src/widgets/containers/grid/index-render.js +7 -0
- package/src/widgets/containers/grid/index-render.vue_vue_type_script_setup_true_lang.js +56 -0
- package/src/widgets/containers/grid/schema.js +22 -0
- package/src/widgets/containers/grid-col/index-render.js +7 -0
- package/src/widgets/containers/grid-col/index-render.vue_vue_type_script_setup_true_lang.js +46 -0
- package/src/widgets/containers/grid-col/schema.js +27 -0
- package/src/widgets/containers/list/index-render.js +7 -0
- package/src/widgets/containers/list/index-render.vue_vue_type_script_setup_true_lang.js +189 -0
- package/src/widgets/containers/list/schema.js +46 -0
- package/src/widgets/containers/space/index-render.js +7 -0
- package/src/widgets/containers/space/index-render.vue_vue_type_script_setup_true_lang.js +57 -0
- package/src/widgets/containers/space/schema.js +25 -0
- package/src/widgets/containers/tab/index-render.js +5 -0
- package/src/widgets/containers/tab/index-render.vue_vue_type_script_setup_true_lang.js +81 -0
- package/src/widgets/containers/tab/schema.js +32 -0
- package/src/widgets/containers/tab-pane/index-render.js +5 -0
- package/src/widgets/containers/tab-pane/index-render.vue_vue_type_script_setup_true_lang.js +37 -0
- package/src/widgets/containers/tab-pane/schema.js +31 -0
- package/src/widgets/render.js +165 -0
- package/src/widgets/template/SecondaryPage/index-render.js +7 -0
- package/src/widgets/template/SecondaryPage/index-render.vue_vue_type_script_setup_true_lang.js +63 -0
- package/src/widgets/template/SecondaryPage/schema.js +68 -0
- package/src/widgets/widgetTypes.js +52 -0
- package/src/widgets/wrapper/form-item-wrapper.js +7 -0
- package/src/widgets/wrapper/form-item-wrapper.vue_vue_type_script_setup_true_lang.js +90 -0
- package/stats.html +4949 -0
- package/types/pc/install.d.ts +11 -0
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { WidgetType } from "../../widgetTypes.js";
|
|
2
|
+
import { createFieldProps, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
|
|
3
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
|
+
//#region src/widgets/base/rate/schema.ts
|
|
5
|
+
/** Rate Widget 默认值 */
|
|
6
|
+
var Rate = {
|
|
7
|
+
id: "",
|
|
8
|
+
type: WidgetType.Rate,
|
|
9
|
+
category: "field",
|
|
10
|
+
formItemFlag: true,
|
|
11
|
+
validation: _objectSpread({}, defaultValidationConfig),
|
|
12
|
+
events: _objectSpread({}, defaultFieldEvents),
|
|
13
|
+
style: {},
|
|
14
|
+
props: _objectSpread(_objectSpread({}, createFieldProps({
|
|
15
|
+
label: "评分",
|
|
16
|
+
defaultValue: 0
|
|
17
|
+
})), {}, {
|
|
18
|
+
disabled: false,
|
|
19
|
+
count: 5,
|
|
20
|
+
allowHalf: false
|
|
21
|
+
})
|
|
22
|
+
};
|
|
23
|
+
//#endregion
|
|
24
|
+
export { Rate };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/widgets/base/select/index.vue
|
|
5
|
+
var select_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cd64c14b"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { select_default as default };
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
|
|
2
|
+
import { useField } from "../../../../core/src/hooks/useField.js";
|
|
3
|
+
import { useSelect } from "../../../../core/src/hooks/useSelect.js";
|
|
4
|
+
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
5
|
+
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
6
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, normalizeClass, onMounted, openBlock, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
|
|
7
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
8
|
+
import { SvgIcon } from "tmgc2-share";
|
|
9
|
+
import _asyncToGenerator from "@oxc-project/runtime/helpers/asyncToGenerator";
|
|
10
|
+
//#region src/widgets/base/select/index.vue?vue&type=script&setup=true&lang.ts
|
|
11
|
+
var _hoisted_1 = {
|
|
12
|
+
key: 0,
|
|
13
|
+
class: "readonly-mode-field"
|
|
14
|
+
};
|
|
15
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
|
|
16
|
+
inheritAttrs: false,
|
|
17
|
+
name: getWidgetName(WidgetType.Select),
|
|
18
|
+
componentName: ComponentNameEnum.FieldWidget
|
|
19
|
+
}), {}, {
|
|
20
|
+
__name: "index",
|
|
21
|
+
props: { widget: {} },
|
|
22
|
+
setup(__props, { expose: __expose }) {
|
|
23
|
+
const { rules, formConfig, fieldModel, isReadMode, size, designState, handleDisabled, asyncExecuteFunction, handleOnChange, handleFocusCustomEvent, handleBlurCustomEvent, defineExposed } = useField(__props.widget);
|
|
24
|
+
const { selectOps, optionLabel, initOptionItems, selectDefineExpose } = useSelect({
|
|
25
|
+
formConfig,
|
|
26
|
+
widget: __props.widget,
|
|
27
|
+
designState,
|
|
28
|
+
fieldModel
|
|
29
|
+
});
|
|
30
|
+
const handleClickIcon = function() {
|
|
31
|
+
var _ref = _asyncToGenerator(function* () {
|
|
32
|
+
var _props$widget$events;
|
|
33
|
+
if (designState || handleDisabled.value) return;
|
|
34
|
+
if ((_props$widget$events = __props.widget.events) === null || _props$widget$events === void 0 ? void 0 : _props$widget$events.onClickIcon) yield asyncExecuteFunction({ functionBody: __props.widget.events.onClickIcon });
|
|
35
|
+
});
|
|
36
|
+
return function handleClickIcon() {
|
|
37
|
+
return _ref.apply(this, arguments);
|
|
38
|
+
};
|
|
39
|
+
}();
|
|
40
|
+
onMounted(() => {
|
|
41
|
+
initOptionItems();
|
|
42
|
+
});
|
|
43
|
+
const selectProps = computed(() => {
|
|
44
|
+
var _props$widget$props, _props$widget$props2, _props$widget$props3, _props$widget$props4, _props$widget$dataSou;
|
|
45
|
+
const { type = "remote" } = __props.widget.dataSource || {};
|
|
46
|
+
return _objectSpread(_objectSpread({
|
|
47
|
+
size: size.value,
|
|
48
|
+
allowClear: (_props$widget$props = __props.widget.props) === null || _props$widget$props === void 0 ? void 0 : _props$widget$props.allowClear,
|
|
49
|
+
showArrow: true,
|
|
50
|
+
dropdownMatchSelectWidth: true,
|
|
51
|
+
mode: (_props$widget$props2 = __props.widget.props) === null || _props$widget$props2 === void 0 ? void 0 : _props$widget$props2.mode,
|
|
52
|
+
maxTagCount: (_props$widget$props3 = __props.widget.props) === null || _props$widget$props3 === void 0 ? void 0 : _props$widget$props3.maxTagCount,
|
|
53
|
+
placeholder: ((_props$widget$props4 = __props.widget.props) === null || _props$widget$props4 === void 0 ? void 0 : _props$widget$props4.placeholder) || "请选择"
|
|
54
|
+
}, selectOps.value), {}, { options: type === "remote" ? selectOps.value.options : (_props$widget$dataSou = __props.widget.dataSource) === null || _props$widget$dataSou === void 0 ? void 0 : _props$widget$dataSou.data });
|
|
55
|
+
});
|
|
56
|
+
__expose(_objectSpread(_objectSpread({}, selectDefineExpose), defineExposed));
|
|
57
|
+
return (_ctx, _cache) => {
|
|
58
|
+
const _component_a_select = resolveComponent("a-select");
|
|
59
|
+
return openBlock(), createBlock(form_item_wrapper_default, {
|
|
60
|
+
widget: _ctx.widget,
|
|
61
|
+
rules: unref(rules)
|
|
62
|
+
}, {
|
|
63
|
+
default: withCtx(() => {
|
|
64
|
+
var _ctx$widget$props, _ctx$widget$props2, _ctx$widget$props3;
|
|
65
|
+
return [withDirectives(createElementVNode("div", { class: normalizeClass([!!((_ctx$widget$props = _ctx.widget.props) === null || _ctx$widget$props === void 0 ? void 0 : _ctx$widget$props.autoFullWidth) ? "auto-full-width" : "", {
|
|
66
|
+
useModal: (_ctx$widget$props2 = _ctx.widget.props) === null || _ctx$widget$props2 === void 0 ? void 0 : _ctx$widget$props2.useModal,
|
|
67
|
+
"select-box": true
|
|
68
|
+
}]) }, [createVNode(_component_a_select, mergeProps({
|
|
69
|
+
ref: "fieldEditor",
|
|
70
|
+
value: unref(fieldModel),
|
|
71
|
+
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null),
|
|
72
|
+
disabled: unref(handleDisabled)
|
|
73
|
+
}, selectProps.value, {
|
|
74
|
+
onFocus: unref(handleFocusCustomEvent),
|
|
75
|
+
onBlur: unref(handleBlurCustomEvent),
|
|
76
|
+
onChange: _cache[1] || (_cache[1] = (val, item) => unref(handleOnChange)(val, null, item))
|
|
77
|
+
}), null, 16, [
|
|
78
|
+
"value",
|
|
79
|
+
"disabled",
|
|
80
|
+
"onFocus",
|
|
81
|
+
"onBlur"
|
|
82
|
+
]), ((_ctx$widget$props3 = _ctx.widget.props) === null || _ctx$widget$props3 === void 0 ? void 0 : _ctx$widget$props3.useModal) ? (openBlock(), createElementBlock("div", {
|
|
83
|
+
key: 0,
|
|
84
|
+
class: "useModal-svg",
|
|
85
|
+
onClick: handleClickIcon
|
|
86
|
+
}, [createVNode(unref(SvgIcon), { "icon-class": "icon-sousuo" })])) : createCommentVNode("", true)], 2), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(optionLabel)), 1)) : createCommentVNode("", true)];
|
|
87
|
+
}),
|
|
88
|
+
_: 1
|
|
89
|
+
}, 8, ["widget", "rules"]);
|
|
90
|
+
};
|
|
91
|
+
}
|
|
92
|
+
}));
|
|
93
|
+
//#endregion
|
|
94
|
+
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { WidgetType } from "../../widgetTypes.js";
|
|
2
|
+
import { createFieldProps, defaultDataSourceConfig, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
|
|
3
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
|
+
//#region src/widgets/base/select/schema.ts
|
|
5
|
+
/** Select Widget 默认值 */
|
|
6
|
+
var Select = {
|
|
7
|
+
id: "",
|
|
8
|
+
type: WidgetType.Select,
|
|
9
|
+
category: "field",
|
|
10
|
+
formItemFlag: true,
|
|
11
|
+
validation: _objectSpread({}, defaultValidationConfig),
|
|
12
|
+
events: _objectSpread(_objectSpread({}, defaultFieldEvents), {}, { onClickIcon: "" }),
|
|
13
|
+
style: {},
|
|
14
|
+
dataSource: _objectSpread({}, defaultDataSourceConfig),
|
|
15
|
+
props: _objectSpread(_objectSpread({}, createFieldProps({
|
|
16
|
+
label: "下拉框",
|
|
17
|
+
defaultValue: null
|
|
18
|
+
})), {}, {
|
|
19
|
+
autoFullWidth: false,
|
|
20
|
+
placeholder: "请选择",
|
|
21
|
+
disabled: false,
|
|
22
|
+
readonly: false,
|
|
23
|
+
clearable: true,
|
|
24
|
+
allowClear: true,
|
|
25
|
+
useModal: false,
|
|
26
|
+
size: "",
|
|
27
|
+
mode: "single",
|
|
28
|
+
searchable: false,
|
|
29
|
+
maxTagCount: "responsive",
|
|
30
|
+
placement: "bottom"
|
|
31
|
+
})
|
|
32
|
+
};
|
|
33
|
+
//#endregion
|
|
34
|
+
export { Select };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
//#region src/widgets/base/slider/index.vue
|
|
3
|
+
var slider_default = index_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { slider_default as default };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
|
|
2
|
+
import { useField } from "../../../../core/src/hooks/useField.js";
|
|
3
|
+
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
4
|
+
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
5
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, isRef, mergeProps, openBlock, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
|
|
6
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
|
+
//#region src/widgets/base/slider/index.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var _hoisted_1 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "readonly-mode-field"
|
|
11
|
+
};
|
|
12
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
|
|
13
|
+
inheritAttrs: false,
|
|
14
|
+
name: getWidgetName(WidgetType.Slider),
|
|
15
|
+
componentName: ComponentNameEnum.FieldWidget
|
|
16
|
+
}), {}, {
|
|
17
|
+
__name: "index",
|
|
18
|
+
props: { widget: {} },
|
|
19
|
+
setup(__props, { expose: __expose }) {
|
|
20
|
+
const { fieldModel, isReadMode, handleDisabled, defineExposed } = useField(__props.widget);
|
|
21
|
+
const sliderProps = computed(() => _objectSpread({}, __props.widget.props || {}));
|
|
22
|
+
__expose(_objectSpread({}, defineExposed));
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
const _component_a_slider = resolveComponent("a-slider");
|
|
25
|
+
return openBlock(), createBlock(form_item_wrapper_default, { widget: _ctx.widget }, {
|
|
26
|
+
default: withCtx(() => [withDirectives(createVNode(_component_a_slider, mergeProps({
|
|
27
|
+
ref: "fieldEditor",
|
|
28
|
+
value: unref(fieldModel),
|
|
29
|
+
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null)
|
|
30
|
+
}, sliderProps.value, { disabled: unref(handleDisabled) }), null, 16, ["value", "disabled"]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)]),
|
|
31
|
+
_: 1
|
|
32
|
+
}, 8, ["widget"]);
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
}));
|
|
36
|
+
//#endregion
|
|
37
|
+
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { WidgetType } from "../../widgetTypes.js";
|
|
2
|
+
import { createFieldProps, defaultFieldEvents } from "../../../schemas/defaults/field.js";
|
|
3
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
|
+
//#region src/widgets/base/slider/schema.ts
|
|
5
|
+
/** Slider Widget 默认值 */
|
|
6
|
+
var Slider = {
|
|
7
|
+
id: "",
|
|
8
|
+
type: WidgetType.Slider,
|
|
9
|
+
category: "field",
|
|
10
|
+
formItemFlag: true,
|
|
11
|
+
events: _objectSpread({}, defaultFieldEvents),
|
|
12
|
+
style: {},
|
|
13
|
+
props: _objectSpread(_objectSpread({}, createFieldProps({
|
|
14
|
+
label: "滑块",
|
|
15
|
+
defaultValue: 0
|
|
16
|
+
})), {}, {
|
|
17
|
+
disabled: false,
|
|
18
|
+
min: 0,
|
|
19
|
+
max: 100,
|
|
20
|
+
step: 1,
|
|
21
|
+
range: false,
|
|
22
|
+
dots: false
|
|
23
|
+
})
|
|
24
|
+
};
|
|
25
|
+
//#endregion
|
|
26
|
+
export { Slider };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/widgets/base/static-text/index.vue
|
|
5
|
+
var static_text_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fdc47dc4"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { static_text_default as default };
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
|
|
2
|
+
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
3
|
+
import { createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString } from "vue";
|
|
4
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
5
|
+
//#region src/widgets/base/static-text/index.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
|
|
7
|
+
inheritAttrs: false,
|
|
8
|
+
name: getWidgetName(WidgetType.StaticText),
|
|
9
|
+
componentName: ComponentNameEnum.DisplayWidget
|
|
10
|
+
}), {}, {
|
|
11
|
+
__name: "index",
|
|
12
|
+
props: { widget: {} },
|
|
13
|
+
setup(__props) {
|
|
14
|
+
return (_ctx, _cache) => {
|
|
15
|
+
var _ctx$widget$props;
|
|
16
|
+
return openBlock(), createElementBlock("div", {
|
|
17
|
+
class: normalizeClass(["static-text-widget", (_ctx$widget$props = _ctx.widget.props) === null || _ctx$widget$props === void 0 ? void 0 : _ctx$widget$props.customClass]),
|
|
18
|
+
style: normalizeStyle(_ctx.widget.style)
|
|
19
|
+
}, toDisplayString(_ctx.widget.props.content), 7);
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
}));
|
|
23
|
+
//#endregion
|
|
24
|
+
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { WidgetType } from "../../widgetTypes.js";
|
|
2
|
+
import "@oxc-project/runtime/helpers/objectSpread2";
|
|
3
|
+
//#region src/widgets/base/static-text/schema.ts
|
|
4
|
+
/** StaticText Widget 默认值 */
|
|
5
|
+
var StaticText = {
|
|
6
|
+
id: "",
|
|
7
|
+
type: WidgetType.StaticText,
|
|
8
|
+
category: "display",
|
|
9
|
+
style: {
|
|
10
|
+
fontSize: "13px",
|
|
11
|
+
fontWeight: "normal",
|
|
12
|
+
color: "#666",
|
|
13
|
+
textAlign: "left"
|
|
14
|
+
},
|
|
15
|
+
events: {
|
|
16
|
+
onMounted: "",
|
|
17
|
+
onHidden: "//return false"
|
|
18
|
+
},
|
|
19
|
+
props: {
|
|
20
|
+
name: "",
|
|
21
|
+
label: "静态文本",
|
|
22
|
+
hidden: false,
|
|
23
|
+
customClass: [],
|
|
24
|
+
content: "静态文本"
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
//#endregion
|
|
28
|
+
export { StaticText };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
|
|
2
|
+
//#region src/widgets/base/switch/index.vue
|
|
3
|
+
var switch_default = index_vue_vue_type_script_setup_true_lang_default;
|
|
4
|
+
//#endregion
|
|
5
|
+
export { switch_default as default };
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
|
|
2
|
+
import { useField } from "../../../../core/src/hooks/useField.js";
|
|
3
|
+
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
4
|
+
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
5
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, isRef, mergeProps, openBlock, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
|
|
6
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
|
+
//#region src/widgets/base/switch/index.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var _hoisted_1 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "readonly-mode-field"
|
|
11
|
+
};
|
|
12
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
|
|
13
|
+
inheritAttrs: false,
|
|
14
|
+
name: getWidgetName(WidgetType.Switch),
|
|
15
|
+
componentName: ComponentNameEnum.FieldWidget
|
|
16
|
+
}), {}, {
|
|
17
|
+
__name: "index",
|
|
18
|
+
props: { widget: {} },
|
|
19
|
+
setup(__props, { expose: __expose }) {
|
|
20
|
+
const { rules, fieldModel, isReadMode, handleDisabled, defineExposed } = useField(__props.widget);
|
|
21
|
+
const switchProps = computed(() => _objectSpread({}, __props.widget.props || {}));
|
|
22
|
+
__expose(_objectSpread({}, defineExposed));
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
const _component_a_switch = resolveComponent("a-switch");
|
|
25
|
+
return openBlock(), createBlock(form_item_wrapper_default, {
|
|
26
|
+
widget: _ctx.widget,
|
|
27
|
+
rules: unref(rules)
|
|
28
|
+
}, {
|
|
29
|
+
default: withCtx(() => [withDirectives(createVNode(_component_a_switch, mergeProps({
|
|
30
|
+
ref: "fieldEditor",
|
|
31
|
+
checked: unref(fieldModel),
|
|
32
|
+
"onUpdate:checked": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null)
|
|
33
|
+
}, switchProps.value, { disabled: unref(handleDisabled) }), null, 16, ["checked", "disabled"]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel) ? "是" : "否"), 1)) : createCommentVNode("", true)]),
|
|
34
|
+
_: 1
|
|
35
|
+
}, 8, ["widget", "rules"]);
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
}));
|
|
39
|
+
//#endregion
|
|
40
|
+
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { WidgetType } from "../../widgetTypes.js";
|
|
2
|
+
import { createFieldProps, defaultFieldEvents } from "../../../schemas/defaults/field.js";
|
|
3
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
|
+
//#region src/widgets/base/switch/schema.ts
|
|
5
|
+
/** Switch Widget 默认值 */
|
|
6
|
+
var Switch = {
|
|
7
|
+
id: "",
|
|
8
|
+
type: WidgetType.Switch,
|
|
9
|
+
category: "field",
|
|
10
|
+
formItemFlag: true,
|
|
11
|
+
events: _objectSpread({}, defaultFieldEvents),
|
|
12
|
+
style: {},
|
|
13
|
+
props: _objectSpread(_objectSpread({}, createFieldProps({
|
|
14
|
+
label: "开关",
|
|
15
|
+
defaultValue: 1
|
|
16
|
+
})), {}, {
|
|
17
|
+
disabled: false,
|
|
18
|
+
checkedValue: 1,
|
|
19
|
+
unCheckedValue: 0,
|
|
20
|
+
checkedText: "",
|
|
21
|
+
uncheckedText: ""
|
|
22
|
+
})
|
|
23
|
+
};
|
|
24
|
+
//#endregion
|
|
25
|
+
export { Switch };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/widgets/base/textarea/index.vue
|
|
5
|
+
var textarea_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9ce952fa"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { textarea_default as default };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
|
|
2
|
+
import { useField } from "../../../../core/src/hooks/useField.js";
|
|
3
|
+
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
4
|
+
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
5
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, isRef, mergeProps, openBlock, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
|
|
6
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
|
+
//#region src/widgets/base/textarea/index.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var _hoisted_1 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "readonly-mode-field"
|
|
11
|
+
};
|
|
12
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
|
|
13
|
+
inheritAttrs: false,
|
|
14
|
+
name: getWidgetName(WidgetType.Textarea),
|
|
15
|
+
componentName: ComponentNameEnum.FieldWidget
|
|
16
|
+
}), {}, {
|
|
17
|
+
__name: "index",
|
|
18
|
+
props: { widget: {} },
|
|
19
|
+
setup(__props, { expose: __expose }) {
|
|
20
|
+
const { rules, fieldEditor, fieldModel, isReadMode, size, handleDisabled, handleFocusCustomEvent, handleBlurCustomEvent, defineExposed } = useField(__props.widget);
|
|
21
|
+
const textareaProps = computed(() => _objectSpread(_objectSpread({}, __props.widget.props || {}), {}, { size: size.value }));
|
|
22
|
+
__expose(_objectSpread({}, defineExposed));
|
|
23
|
+
return (_ctx, _cache) => {
|
|
24
|
+
const _component_a_textarea = resolveComponent("a-textarea");
|
|
25
|
+
return openBlock(), createBlock(form_item_wrapper_default, {
|
|
26
|
+
widget: _ctx.widget,
|
|
27
|
+
rules: unref(rules)
|
|
28
|
+
}, {
|
|
29
|
+
default: withCtx(() => [withDirectives(createVNode(_component_a_textarea, mergeProps({
|
|
30
|
+
ref_key: "fieldEditor",
|
|
31
|
+
ref: fieldEditor,
|
|
32
|
+
value: unref(fieldModel),
|
|
33
|
+
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null)
|
|
34
|
+
}, textareaProps.value, {
|
|
35
|
+
disabled: unref(handleDisabled),
|
|
36
|
+
onFocus: unref(handleFocusCustomEvent),
|
|
37
|
+
onBlur: unref(handleBlurCustomEvent)
|
|
38
|
+
}), null, 16, [
|
|
39
|
+
"value",
|
|
40
|
+
"disabled",
|
|
41
|
+
"onFocus",
|
|
42
|
+
"onBlur"
|
|
43
|
+
]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)]),
|
|
44
|
+
_: 1
|
|
45
|
+
}, 8, ["widget", "rules"]);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
}));
|
|
49
|
+
//#endregion
|
|
50
|
+
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { WidgetType } from "../../widgetTypes.js";
|
|
2
|
+
import { createFieldProps, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
|
|
3
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
|
+
//#region src/widgets/base/textarea/schema.ts
|
|
5
|
+
/** Textarea Widget 默认值 */
|
|
6
|
+
var Textarea = {
|
|
7
|
+
id: "",
|
|
8
|
+
type: WidgetType.Textarea,
|
|
9
|
+
category: "field",
|
|
10
|
+
formItemFlag: true,
|
|
11
|
+
validation: _objectSpread({}, defaultValidationConfig),
|
|
12
|
+
events: _objectSpread({}, defaultFieldEvents),
|
|
13
|
+
style: {},
|
|
14
|
+
props: _objectSpread(_objectSpread({}, createFieldProps({
|
|
15
|
+
label: "多行文本",
|
|
16
|
+
defaultValue: ""
|
|
17
|
+
})), {}, {
|
|
18
|
+
placeholder: "请输入",
|
|
19
|
+
disabled: false,
|
|
20
|
+
readonly: false,
|
|
21
|
+
allowClear: true,
|
|
22
|
+
rows: 4,
|
|
23
|
+
size: "default",
|
|
24
|
+
maxLength: void 0,
|
|
25
|
+
showCount: false,
|
|
26
|
+
autoSize: false
|
|
27
|
+
})
|
|
28
|
+
};
|
|
29
|
+
//#endregion
|
|
30
|
+
export { Textarea };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/widgets/base/time/index.vue
|
|
5
|
+
var time_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-887d6c03"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { time_default as default };
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
|
|
2
|
+
import { useField } from "../../../../core/src/hooks/useField.js";
|
|
3
|
+
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
4
|
+
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
5
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, normalizeClass, openBlock, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
|
|
6
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
|
+
//#region src/widgets/base/time/index.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var _hoisted_1 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "readonly-mode-field"
|
|
11
|
+
};
|
|
12
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
|
|
13
|
+
inheritAttrs: false,
|
|
14
|
+
name: getWidgetName(WidgetType.Time),
|
|
15
|
+
componentName: ComponentNameEnum.FieldWidget
|
|
16
|
+
}), {}, {
|
|
17
|
+
__name: "index",
|
|
18
|
+
props: { widget: {} },
|
|
19
|
+
setup(__props, { expose: __expose }) {
|
|
20
|
+
const { rules, fieldModel, isReadMode, handleDisabled, defineExposed } = useField(__props.widget);
|
|
21
|
+
const timeProps = computed(() => {
|
|
22
|
+
var _props$widget$props, _props$widget$props2;
|
|
23
|
+
return _objectSpread(_objectSpread({}, __props.widget.props || {}), {}, {
|
|
24
|
+
inputReadOnly: (_props$widget$props = __props.widget.props) === null || _props$widget$props === void 0 ? void 0 : _props$widget$props.readonly,
|
|
25
|
+
allowClear: (_props$widget$props2 = __props.widget.props) === null || _props$widget$props2 === void 0 ? void 0 : _props$widget$props2.clearable,
|
|
26
|
+
format: __props.widget.props.format
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
__expose(_objectSpread({}, defineExposed));
|
|
30
|
+
return (_ctx, _cache) => {
|
|
31
|
+
const _component_a_time_picker = resolveComponent("a-time-picker");
|
|
32
|
+
return openBlock(), createBlock(form_item_wrapper_default, {
|
|
33
|
+
widget: _ctx.widget,
|
|
34
|
+
rules: unref(rules)
|
|
35
|
+
}, {
|
|
36
|
+
default: withCtx(() => [createElementVNode("div", { class: normalizeClass([!!_ctx.widget.props.autoFullWidth ? "auto-full-width" : "", unref(isReadMode) ? "readonly-mode-time" : ""]) }, [withDirectives(createVNode(_component_a_time_picker, mergeProps({
|
|
37
|
+
ref: "fieldEditor",
|
|
38
|
+
value: unref(fieldModel),
|
|
39
|
+
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null)
|
|
40
|
+
}, timeProps.value, { disabled: unref(handleDisabled) }), null, 16, ["value", "disabled"]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(fieldModel)), 1)) : createCommentVNode("", true)], 2)]),
|
|
41
|
+
_: 1
|
|
42
|
+
}, 8, ["widget", "rules"]);
|
|
43
|
+
};
|
|
44
|
+
}
|
|
45
|
+
}));
|
|
46
|
+
//#endregion
|
|
47
|
+
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { WidgetType } from "../../widgetTypes.js";
|
|
2
|
+
import { createFieldProps, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
|
|
3
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
|
+
//#region src/widgets/base/time/schema.ts
|
|
5
|
+
/** Time Widget 默认值 */
|
|
6
|
+
var Time = {
|
|
7
|
+
id: "",
|
|
8
|
+
type: WidgetType.Time,
|
|
9
|
+
category: "field",
|
|
10
|
+
formItemFlag: true,
|
|
11
|
+
validation: _objectSpread({}, defaultValidationConfig),
|
|
12
|
+
events: _objectSpread({}, defaultFieldEvents),
|
|
13
|
+
style: {},
|
|
14
|
+
props: _objectSpread(_objectSpread({}, createFieldProps({
|
|
15
|
+
label: "时间选择",
|
|
16
|
+
defaultValue: null
|
|
17
|
+
})), {}, {
|
|
18
|
+
placeholder: "请选择时间",
|
|
19
|
+
disabled: false,
|
|
20
|
+
readonly: false,
|
|
21
|
+
clearable: true,
|
|
22
|
+
size: "",
|
|
23
|
+
format: "HH:mm:ss",
|
|
24
|
+
valueFormat: "HH:mm:ss",
|
|
25
|
+
autoFullWidth: false,
|
|
26
|
+
allowClear: true,
|
|
27
|
+
hourStep: 1,
|
|
28
|
+
minuteStep: 1,
|
|
29
|
+
secondStep: 1
|
|
30
|
+
})
|
|
31
|
+
};
|
|
32
|
+
//#endregion
|
|
33
|
+
export { Time };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/widgets/base/time-range/index.vue
|
|
5
|
+
var time_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a6cdcc75"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { time_range_default as default };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { ComponentNameEnum } from "../../../../core/src/constants/WidgetTypeEnum.js";
|
|
2
|
+
import { useField } from "../../../../core/src/hooks/useField.js";
|
|
3
|
+
import { WidgetType, getWidgetName } from "../../widgetTypes.js";
|
|
4
|
+
import form_item_wrapper_default from "../../wrapper/form-item-wrapper.js";
|
|
5
|
+
import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, normalizeClass, openBlock, resolveComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
|
|
6
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
7
|
+
//#region src/widgets/base/time-range/index.vue?vue&type=script&setup=true&lang.ts
|
|
8
|
+
var _hoisted_1 = {
|
|
9
|
+
key: 0,
|
|
10
|
+
class: "readonly-mode-field"
|
|
11
|
+
};
|
|
12
|
+
var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent(_objectSpread(_objectSpread({}, {
|
|
13
|
+
inheritAttrs: false,
|
|
14
|
+
name: getWidgetName(WidgetType.TimeRange),
|
|
15
|
+
componentName: ComponentNameEnum.FieldWidget
|
|
16
|
+
}), {}, {
|
|
17
|
+
__name: "index",
|
|
18
|
+
props: { widget: {} },
|
|
19
|
+
setup(__props, { expose: __expose }) {
|
|
20
|
+
const { rules, fieldModel, isReadMode, handleDisabled, defineExposed } = useField(__props.widget);
|
|
21
|
+
const timeRangeProps = computed(() => {
|
|
22
|
+
var _props$widget$props, _props$widget$props2;
|
|
23
|
+
return _objectSpread(_objectSpread({}, __props.widget.props || {}), {}, { placeholder: [(_props$widget$props = __props.widget.props) === null || _props$widget$props === void 0 ? void 0 : _props$widget$props.startPlaceholder, (_props$widget$props2 = __props.widget.props) === null || _props$widget$props2 === void 0 ? void 0 : _props$widget$props2.endPlaceholder] });
|
|
24
|
+
});
|
|
25
|
+
const contentForReadMode = computed(() => {
|
|
26
|
+
var _fieldModel$value;
|
|
27
|
+
if (!fieldModel.value) return "--";
|
|
28
|
+
return (_fieldModel$value = fieldModel.value) === null || _fieldModel$value === void 0 ? void 0 : _fieldModel$value.join("-");
|
|
29
|
+
});
|
|
30
|
+
__expose(_objectSpread({}, defineExposed));
|
|
31
|
+
return (_ctx, _cache) => {
|
|
32
|
+
const _component_a_time_range_picker = resolveComponent("a-time-range-picker");
|
|
33
|
+
return openBlock(), createBlock(form_item_wrapper_default, {
|
|
34
|
+
widget: _ctx.widget,
|
|
35
|
+
rules: unref(rules)
|
|
36
|
+
}, {
|
|
37
|
+
default: withCtx(() => [createElementVNode("div", { class: normalizeClass([!!_ctx.widget.props.autoFullWidth ? "auto-full-width" : "", unref(isReadMode) ? "readonly-mode-time" : ""]) }, [withDirectives(createVNode(_component_a_time_range_picker, mergeProps({
|
|
38
|
+
ref: "fieldEditor",
|
|
39
|
+
value: unref(fieldModel),
|
|
40
|
+
"onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(fieldModel) ? fieldModel.value = $event : null)
|
|
41
|
+
}, timeRangeProps.value, { disabled: unref(handleDisabled) }), null, 16, ["value", "disabled"]), [[vShow, !unref(isReadMode)]]), unref(isReadMode) ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(contentForReadMode.value), 1)) : createCommentVNode("", true)], 2)]),
|
|
42
|
+
_: 1
|
|
43
|
+
}, 8, ["widget", "rules"]);
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
}));
|
|
47
|
+
//#endregion
|
|
48
|
+
export { index_vue_vue_type_script_setup_true_lang_default as default };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { WidgetType } from "../../widgetTypes.js";
|
|
2
|
+
import { createFieldProps, defaultFieldEvents, defaultValidationConfig } from "../../../schemas/defaults/field.js";
|
|
3
|
+
import _objectSpread from "@oxc-project/runtime/helpers/objectSpread2";
|
|
4
|
+
//#region src/widgets/base/time-range/schema.ts
|
|
5
|
+
/** TimeRange Widget 默认值 */
|
|
6
|
+
var TimeRange = {
|
|
7
|
+
id: "",
|
|
8
|
+
type: WidgetType.TimeRange,
|
|
9
|
+
category: "field",
|
|
10
|
+
formItemFlag: true,
|
|
11
|
+
validation: _objectSpread({}, defaultValidationConfig),
|
|
12
|
+
events: _objectSpread({}, defaultFieldEvents),
|
|
13
|
+
style: {},
|
|
14
|
+
props: _objectSpread(_objectSpread({}, createFieldProps({
|
|
15
|
+
label: "时间范围",
|
|
16
|
+
defaultValue: null
|
|
17
|
+
})), {}, {
|
|
18
|
+
disabled: false,
|
|
19
|
+
autoFullWidth: false,
|
|
20
|
+
allowClear: true,
|
|
21
|
+
readonly: false,
|
|
22
|
+
clearable: true,
|
|
23
|
+
size: "",
|
|
24
|
+
format: "HH:mm:ss",
|
|
25
|
+
valueFormat: "HH:mm:ss",
|
|
26
|
+
startPlaceholder: "开始时间",
|
|
27
|
+
endPlaceholder: "结束时间"
|
|
28
|
+
})
|
|
29
|
+
};
|
|
30
|
+
//#endregion
|
|
31
|
+
export { TimeRange };
|