@sdata/web-vue 1.14.0 → 1.19.0

package/es/json-form/utils.js

@@ -0,0 +1,336 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.130.0/helpers/objectSpread2.js";
+import input_password_default from "../input/input-password.js";
+import input_search_default from "../input/input-search.js";
+import Input from "../input/index.js";
+import checkbox_group_default from "../checkbox/checkbox-group.js";
+import Checkbox from "../checkbox/index.js";
+import AutoComplete from "../auto-complete/index.js";
+import radio_group_default from "../radio/radio-group.js";
+import Radio from "../radio/index.js";
+import InputTag from "../input-tag/index.js";
+import Select from "../select/index.js";
+import Cascader from "../cascader/index.js";
+import InputNumber from "../input-number/index.js";
+import range_picker_default from "../date-picker/range-picker.js";
+import DatePicker from "../date-picker/index.js";
+import grid_row_default from "../grid/grid-row.js";
+import { JSON_FORM_COMPONENT_TYPES } from "./types.js";
+import Textarea from "../textarea/index.js";
+import Mention from "../mention/index.js";
+import Rate from "../rate/index.js";
+import Slider from "../slider/index.js";
+import Switch from "../switch/index.js";
+import TimePicker from "../time-picker/index.js";
+import Transfer from "../transfer/index.js";
+import TreeSelect from "../tree-select/index.js";
+import VerificationCode from "../verification-code/index.js";
+import { camelCase, isPlainObject, omitBy } from "es-toolkit";
+//#region components/json-form/utils.ts
+var JSON_FORM_STANDARD_A2UI_0_8_COMPONENTS = new Set([
+	"Row",
+	"Column",
+	"TextField",
+	"CheckBox",
+	"Slider",
+	"DateTimeInput",
+	"MultipleChoice",
+	"ChoicePicker"
+]);
+var JSON_FORM_A2UI_0_8_COMPONENT_ALIASES = {
+	AutoComplete: JSON_FORM_COMPONENT_TYPES.autoComplete,
+	Cascader: JSON_FORM_COMPONENT_TYPES.cascader,
+	CheckBox: JSON_FORM_COMPONENT_TYPES.checkbox,
+	Checkbox: JSON_FORM_COMPONENT_TYPES.checkbox,
+	CheckboxGroup: JSON_FORM_COMPONENT_TYPES.checkboxGroup,
+	DatePicker: JSON_FORM_COMPONENT_TYPES.datePicker,
+	Input: JSON_FORM_COMPONENT_TYPES.input,
+	InputNumber: JSON_FORM_COMPONENT_TYPES.inputNumber,
+	InputPassword: JSON_FORM_COMPONENT_TYPES.inputPassword,
+	InputSearch: JSON_FORM_COMPONENT_TYPES.inputSearch,
+	InputTag: JSON_FORM_COMPONENT_TYPES.inputTag,
+	Mention: JSON_FORM_COMPONENT_TYPES.mention,
+	NoFormItem: JSON_FORM_COMPONENT_TYPES.noFormItem,
+	Radio: JSON_FORM_COMPONENT_TYPES.radio,
+	RadioGroup: JSON_FORM_COMPONENT_TYPES.radioGroup,
+	RangePicker: JSON_FORM_COMPONENT_TYPES.rangePicker,
+	Rate: JSON_FORM_COMPONENT_TYPES.rate,
+	Row: JSON_FORM_COMPONENT_TYPES.row,
+	Select: JSON_FORM_COMPONENT_TYPES.select,
+	Slider: JSON_FORM_COMPONENT_TYPES.slider,
+	Switch: JSON_FORM_COMPONENT_TYPES.switch,
+	TextArea: JSON_FORM_COMPONENT_TYPES.textarea,
+	Textarea: JSON_FORM_COMPONENT_TYPES.textarea,
+	TimePicker: JSON_FORM_COMPONENT_TYPES.timePicker,
+	Transfer: JSON_FORM_COMPONENT_TYPES.transfer,
+	TreeSelect: JSON_FORM_COMPONENT_TYPES.treeSelect,
+	VerificationCode: JSON_FORM_COMPONENT_TYPES.verificationCode
+};
+var JSON_FORM_A2UI_0_8_RESERVED_PROPS = new Set([
+	"label",
+	"text",
+	"value",
+	"selections",
+	"children",
+	"maxAllowedSelections"
+]);
+var STRETCH_COMPONENT_TYPES = new Set([
+	JSON_FORM_COMPONENT_TYPES.autoComplete,
+	JSON_FORM_COMPONENT_TYPES.cascader,
+	JSON_FORM_COMPONENT_TYPES.datePicker,
+	JSON_FORM_COMPONENT_TYPES.input,
+	JSON_FORM_COMPONENT_TYPES.inputNumber,
+	JSON_FORM_COMPONENT_TYPES.inputPassword,
+	JSON_FORM_COMPONENT_TYPES.inputSearch,
+	JSON_FORM_COMPONENT_TYPES.inputTag,
+	JSON_FORM_COMPONENT_TYPES.mention,
+	JSON_FORM_COMPONENT_TYPES.rangePicker,
+	JSON_FORM_COMPONENT_TYPES.select,
+	JSON_FORM_COMPONENT_TYPES.textarea,
+	JSON_FORM_COMPONENT_TYPES.timePicker,
+	JSON_FORM_COMPONENT_TYPES.treeSelect,
+	JSON_FORM_COMPONENT_TYPES.verificationCode
+]);
+var jsonFormBuiltInComponents = {
+	autoComplete: AutoComplete,
+	cascader: Cascader,
+	checkbox: Checkbox,
+	checkboxGroup: checkbox_group_default,
+	datePicker: DatePicker,
+	input: Input,
+	inputNumber: InputNumber,
+	inputPassword: input_password_default,
+	inputSearch: input_search_default,
+	inputTag: InputTag,
+	mention: Mention,
+	radio: Radio,
+	radioGroup: radio_group_default,
+	rangePicker: range_picker_default,
+	rate: Rate,
+	row: grid_row_default,
+	select: Select,
+	slider: Slider,
+	switch: Switch,
+	textarea: Textarea,
+	timePicker: TimePicker,
+	transfer: Transfer,
+	treeSelect: TreeSelect,
+	verificationCode: VerificationCode
+};
+function resolveJsonFormComponents(customComponents) {
+	return _objectSpread2(_objectSpread2({}, jsonFormBuiltInComponents), customComponents);
+}
+function shouldStretchJsonFormControl(type) {
+	return type ? STRETCH_COMPONENT_TYPES.has(type) : true;
+}
+function parseJsonFormPath(path, adapter = "default") {
+	if (!path) return [];
+	if (adapter === "a2ui-0.8") return path.split("/").slice(1).map((segment) => segment.replaceAll("~1", "/").replaceAll("~0", "~"));
+	return path.split(".").filter(Boolean);
+}
+function getJsonFormValue(model, path, adapter = "default") {
+	const segments = parseJsonFormPath(path, adapter);
+	let current = model;
+	for (const segment of segments) {
+		if (!isPlainObject(current) && !Array.isArray(current)) return;
+		current = current[segment];
+	}
+	return current;
+}
+function setJsonFormValue(model, path, value, adapter = "default") {
+	if (!model) return;
+	const segments = parseJsonFormPath(path, adapter);
+	if (segments.length === 0) return;
+	let current = model;
+	for (const segment of segments.slice(0, -1)) {
+		const nextValue = current[segment];
+		if (!isPlainObject(nextValue) && !Array.isArray(nextValue)) current[segment] = {};
+		current = current[segment];
+	}
+	current[segments.at(-1)] = value;
+}
+function resolveA2UIBoundText(value) {
+	if (typeof value === "string") return value;
+	return value === null || value === void 0 ? void 0 : value.literalString;
+}
+function resolveA2UIBoundPath(value) {
+	if (typeof value === "string") return;
+	return value === null || value === void 0 ? void 0 : value.path;
+}
+function getA2UIChildren(children) {
+	var _children$explicitLis;
+	if (Array.isArray(children)) return children;
+	return (_children$explicitLis = children === null || children === void 0 ? void 0 : children.explicitList) !== null && _children$explicitLis !== void 0 ? _children$explicitLis : [];
+}
+function resolveA2UIComponent(node) {
+	var _component$name;
+	if (typeof node.component === "string") return {
+		name: node.component,
+		props: node
+	};
+	const component = node.component;
+	const [name] = Object.keys(component);
+	return {
+		name,
+		props: (_component$name = component[name]) !== null && _component$name !== void 0 ? _component$name : {}
+	};
+}
+function resolveA2UIBoundValue(value) {
+	if (typeof value === "string") return value;
+	if (!value || typeof value !== "object") return value;
+	if ("literalString" in value && typeof value.literalString === "string") return value.literalString;
+	if (Array.isArray(value)) return value.map((item) => resolveA2UIBoundValue(item));
+	return value;
+}
+function normalizeA2UI_0_8ComponentType(componentName) {
+	if (JSON_FORM_A2UI_0_8_COMPONENT_ALIASES[componentName]) return JSON_FORM_A2UI_0_8_COMPONENT_ALIASES[componentName];
+	const normalizedName = camelCase(componentName);
+	if (normalizedName in JSON_FORM_COMPONENT_TYPES) return normalizedName;
+	return normalizedName;
+}
+function resolveA2UI_0_8FieldPath(props) {
+	const candidates = [
+		props.value,
+		props.text,
+		props.selections
+	];
+	for (const candidate of candidates) {
+		const path = resolveA2UIBoundPath(candidate);
+		if (path) return path;
+	}
+}
+function resolveA2UI_0_8Label(props) {
+	return resolveA2UIBoundText(props.label);
+}
+function translateA2UI_0_8CommonComponentProps(props) {
+	const baseProps = omitBy(props, (_, key) => JSON_FORM_A2UI_0_8_RESERVED_PROPS.has(key));
+	if (Array.isArray(baseProps.options)) baseProps.options = translateA2UIChoiceOptions(baseProps.options);
+	for (const key of Object.keys(baseProps)) baseProps[key] = resolveA2UIBoundValue(baseProps[key]);
+	if (typeof props.maxAllowedSelections === "number") baseProps.multiple = props.maxAllowedSelections !== 1;
+	return baseProps;
+}
+function translateA2UI_0_8GenericField(node) {
+	var _resolveA2UI_0_8Field;
+	const { name, props } = resolveA2UIComponent(node);
+	const normalizedType = normalizeA2UI_0_8ComponentType(name);
+	const resolvedProps = props;
+	if (normalizedType === JSON_FORM_COMPONENT_TYPES.row || normalizedType === "column") return [];
+	return [{
+		field: (_resolveA2UI_0_8Field = resolveA2UI_0_8FieldPath(resolvedProps)) !== null && _resolveA2UI_0_8Field !== void 0 ? _resolveA2UI_0_8Field : node.id,
+		label: resolveA2UI_0_8Label(resolvedProps),
+		type: normalizedType,
+		componentProps: translateA2UI_0_8CommonComponentProps(resolvedProps)
+	}];
+}
+function translateA2UIChoiceOptions(options = []) {
+	return options.map((option) => {
+		var _resolveA2UIBoundText;
+		return {
+			label: (_resolveA2UIBoundText = resolveA2UIBoundText(option.label)) !== null && _resolveA2UIBoundText !== void 0 ? _resolveA2UIBoundText : String(option.value),
+			value: option.value
+		};
+	});
+}
+function translateA2UI_0_8Field(node) {
+	const { name, props } = resolveA2UIComponent(node);
+	switch (name) {
+		case "TextField": {
+			var _resolveA2UIBoundPath;
+			const field = (_resolveA2UIBoundPath = resolveA2UIBoundPath(props.value)) !== null && _resolveA2UIBoundPath !== void 0 ? _resolveA2UIBoundPath : resolveA2UIBoundPath(props.text);
+			if (!field) return [];
+			const textFieldType = props.textFieldType;
+			const mappedType = textFieldType === "longText" ? JSON_FORM_COMPONENT_TYPES.textarea : textFieldType === "number" ? JSON_FORM_COMPONENT_TYPES.inputNumber : textFieldType === "obscured" ? JSON_FORM_COMPONENT_TYPES.inputPassword : textFieldType === "date" ? JSON_FORM_COMPONENT_TYPES.datePicker : JSON_FORM_COMPONENT_TYPES.input;
+			return [{
+				field,
+				label: resolveA2UIBoundText(props.label),
+				type: mappedType,
+				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), {}, { placeholder: resolveA2UIBoundText(props.placeholder) })
+			}];
+		}
+		case "CheckBox": {
+			const field = resolveA2UIBoundPath(props.value);
+			if (!field) return [];
+			return [{
+				field,
+				label: resolveA2UIBoundText(props.label),
+				type: JSON_FORM_COMPONENT_TYPES.checkbox,
+				componentProps: translateA2UI_0_8CommonComponentProps(props)
+			}];
+		}
+		case "Slider": {
+			const field = resolveA2UIBoundPath(props.value);
+			if (!field) return [];
+			return [{
+				field,
+				type: JSON_FORM_COMPONENT_TYPES.slider,
+				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), {}, {
+					min: props.minValue,
+					max: props.maxValue
+				})
+			}];
+		}
+		case "DateTimeInput": {
+			var _props$enableDate, _props$enableTime;
+			const field = resolveA2UIBoundPath(props.value);
+			if (!field) return [];
+			const enableDate = (_props$enableDate = props.enableDate) !== null && _props$enableDate !== void 0 ? _props$enableDate : true;
+			const enableTime = (_props$enableTime = props.enableTime) !== null && _props$enableTime !== void 0 ? _props$enableTime : false;
+			const type = enableDate ? JSON_FORM_COMPONENT_TYPES.datePicker : JSON_FORM_COMPONENT_TYPES.timePicker;
+			return [{
+				field,
+				label: resolveA2UIBoundText(props.label),
+				type,
+				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), enableDate && enableTime ? { showTime: true } : {})
+			}];
+		}
+		case "MultipleChoice":
+		case "ChoicePicker": {
+			const choiceProps = props;
+			const field = resolveA2UIBoundPath(choiceProps.selections);
+			if (!field) return [];
+			return [{
+				field,
+				label: resolveA2UIBoundText(choiceProps.label),
+				type: JSON_FORM_COMPONENT_TYPES.select,
+				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), {}, {
+					options: translateA2UIChoiceOptions(choiceProps.options),
+					multiple: choiceProps.maxAllowedSelections !== 1
+				})
+			}];
+		}
+		default: return translateA2UI_0_8GenericField(node);
+	}
+}
+function translateA2UI_0_8ToJsonFormSchemas(nodes) {
+	const nodeMap = new Map(nodes.map((node) => [node.id, node]));
+	const referencedIds = /* @__PURE__ */ new Set();
+	const visitedIds = /* @__PURE__ */ new Set();
+	for (const node of nodes) {
+		const { name, props } = resolveA2UIComponent(node);
+		if (name === "Row" || name === "Column") for (const childId of getA2UIChildren(props.children)) referencedIds.add(childId);
+	}
+	const expandNode = (node) => {
+		if (visitedIds.has(node.id)) return [];
+		visitedIds.add(node.id);
+		const { name, props } = resolveA2UIComponent(node);
+		if (name === "Column") return getA2UIChildren(props.children).flatMap((childId) => {
+			const childNode = nodeMap.get(childId);
+			return childNode ? expandNode(childNode) : [];
+		});
+		if (name === "Row") {
+			const children = getA2UIChildren(props.children).map((childId) => nodeMap.get(childId)).flatMap((childNode) => childNode ? expandNode(childNode) : []);
+			return [{
+				field: node.id,
+				type: JSON_FORM_COMPONENT_TYPES.row,
+				children
+			}];
+		}
+		if (JSON_FORM_STANDARD_A2UI_0_8_COMPONENTS.has(name)) return translateA2UI_0_8Field(node);
+		return translateA2UI_0_8GenericField(node);
+	};
+	return nodes.filter((node) => !referencedIds.has(node.id)).flatMap((node) => expandNode(node));
+}
+function mergeJsonFormClassName(...classNames) {
+	return classNames.filter(Boolean);
+}
+//#endregion
+export { getJsonFormValue, mergeJsonFormClassName, resolveJsonFormComponents, setJsonFormValue, shouldStretchJsonFormControl, translateA2UI_0_8ToJsonFormSchemas };

package/es/layout/header.js

@@ -1,21 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import header_vue_vue_type_script_setup_true_lang_default from "./header.vue_vue_type_script_setup_true_lang.js";
 //#region components/layout/header.vue
-var _sfc_main = defineComponent({
-	name: "LayoutHeader",
-	/**
-	* @zh 内容
-	* @en Content
-	* @slot default
-	*/
-	setup() {
-		return { classNames: [getPrefixCls("layout-header")] };
-	}
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("header", { class: normalizeClass(_ctx.classNames) }, [renderSlot(_ctx.$slots, "default")], 2);
-}
-var header_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var header_default = header_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { header_default as default };

package/es/layout/header.vue.d.ts

@@ -1,5 +1,40 @@
+import type { LayoutHeaderDensity, LayoutHeaderProps } from './interface';
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    image?: (props: typeof __VLS_1) => any;
+} & {
+    prepend?: (props: typeof __VLS_3) => any;
+} & {
+    title?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+} & {
+    append?: (props: typeof __VLS_9) => any;
+} & {
+    extension?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<LayoutHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<LayoutHeaderProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    flat: boolean;
+    fixed: boolean;
+    height: number | string;
+    absolute: boolean;
+    sticky: boolean;
+    defaultVisible: boolean;
+    location: "top" | "bottom";
+    density: LayoutHeaderDensity;
+    extensionHeight: number | string;
+    floating: boolean;
+    scrollThreshold: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    classNames: string[];
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};