@sdata/web-vue 3.16.1 → 3.18.0

package/es/json-form/utils.js

@@ -1,4 +1,4 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/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";
@@ -24,56 +24,9 @@ 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";
+import { isPlainObject } 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([
+var STRETCH_COMPONENT_TYPES = /* @__PURE__ */ new Set([
 	JSON_FORM_COMPONENT_TYPES.autoComplete,
 	JSON_FORM_COMPONENT_TYPES.cascader,
 	JSON_FORM_COMPONENT_TYPES.datePicker,
@@ -124,7 +77,7 @@ function shouldStretchJsonFormControl(type) {
 }
 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", "~"));
+	if (adapter === "a2ui-0.9.1") return path.split("/").slice(1).map((segment) => segment.replaceAll("~1", "/").replaceAll("~0", "~"));
 	return path.split(".").filter(Boolean);
 }
 function getJsonFormValue(model, path, adapter = "default") {
@@ -148,189 +101,109 @@ function setJsonFormValue(model, path, value, adapter = "default") {
 	}
 	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 resolveA2UI_0_9_1Path(value) {
+	if (value && typeof value === "object" && "path" in value && typeof value.path === "string") return value.path;
 }
-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 resolveA2UI_0_9_1Text(value) {
+	return typeof value === "string" ? value : void 0;
 }
-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) {
+function translateA2UI_0_9_1Field(node) {
+	const field = resolveA2UI_0_9_1Path(node.value);
+	if (!field) return [];
+	switch (node.component) {
 		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;
+			const textField = node;
+			const variant = textField.variant;
+			const type = variant === "longText" ? JSON_FORM_COMPONENT_TYPES.textarea : variant === "number" ? JSON_FORM_COMPONENT_TYPES.inputNumber : variant === "obscured" ? JSON_FORM_COMPONENT_TYPES.inputPassword : JSON_FORM_COMPONENT_TYPES.input;
 			return [{
 				field,
-				label: resolveA2UIBoundText(props.label),
-				type: mappedType,
-				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), {}, { placeholder: resolveA2UIBoundText(props.placeholder) })
+				label: resolveA2UI_0_9_1Text(textField.label),
+				type,
+				componentProps: textField.validationRegexp ? { inputAttrs: { pattern: textField.validationRegexp } } : void 0
 			}];
 		}
-		case "CheckBox": {
-			const field = resolveA2UIBoundPath(props.value);
-			if (!field) return [];
+		case "CheckBox": return [{
+			field,
+			label: resolveA2UI_0_9_1Text(node.label),
+			type: JSON_FORM_COMPONENT_TYPES.checkbox
+		}];
+		case "ChoicePicker": {
+			const choicePicker = node;
 			return [{
 				field,
-				label: resolveA2UIBoundText(props.label),
-				type: JSON_FORM_COMPONENT_TYPES.checkbox,
-				componentProps: translateA2UI_0_8CommonComponentProps(props)
+				label: resolveA2UI_0_9_1Text(choicePicker.label),
+				type: JSON_FORM_COMPONENT_TYPES.checkboxGroup,
+				componentProps: {
+					options: choicePicker.options.map((option) => {
+						var _resolveA2UI_0_9_1Tex;
+						return {
+							label: (_resolveA2UI_0_9_1Tex = resolveA2UI_0_9_1Text(option.label)) !== null && _resolveA2UI_0_9_1Tex !== void 0 ? _resolveA2UI_0_9_1Tex : option.value,
+							value: option.value
+						};
+					}),
+					max: choicePicker.variant === "multipleSelection" ? void 0 : 1
+				}
 			}];
 		}
 		case "Slider": {
-			const field = resolveA2UIBoundPath(props.value);
-			if (!field) return [];
+			var _slider$min;
+			const slider = node;
 			return [{
 				field,
+				label: resolveA2UI_0_9_1Text(slider.label),
 				type: JSON_FORM_COMPONENT_TYPES.slider,
-				componentProps: _objectSpread2(_objectSpread2({}, translateA2UI_0_8CommonComponentProps(props)), {}, {
-					min: props.minValue,
-					max: props.maxValue
-				})
+				componentProps: {
+					min: (_slider$min = slider.min) !== null && _slider$min !== void 0 ? _slider$min : 0,
+					max: slider.max
+				}
 			}];
 		}
 		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 [];
+			var _dateTimeInput$enable, _dateTimeInput$enable2;
+			const dateTimeInput = node;
+			const enableDate = (_dateTimeInput$enable = dateTimeInput.enableDate) !== null && _dateTimeInput$enable !== void 0 ? _dateTimeInput$enable : false;
+			const enableTime = (_dateTimeInput$enable2 = dateTimeInput.enableTime) !== null && _dateTimeInput$enable2 !== void 0 ? _dateTimeInput$enable2 : false;
 			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
-				})
+				label: resolveA2UI_0_9_1Text(dateTimeInput.label),
+				type: enableDate ? JSON_FORM_COMPONENT_TYPES.datePicker : JSON_FORM_COMPONENT_TYPES.timePicker,
+				componentProps: enableDate && enableTime ? { showTime: true } : void 0
 			}];
 		}
-		default: return translateA2UI_0_8GenericField(node);
+		default: return [];
 	}
 }
-function translateA2UI_0_8ToJsonFormSchemas(nodes) {
+function translateA2UI_0_9_1ToJsonFormSchemas(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) : []);
+		if (node.component === "Card") {
+			const child = nodeMap.get(node.child);
+			return child ? expandNode(child) : [];
+		}
+		if (node.component === "Column" || node.component === "List" || node.component === "Row") {
+			const container = node;
+			if (!Array.isArray(container.children)) return [];
+			const children = container.children.flatMap((childId) => {
+				const child = nodeMap.get(childId);
+				return child ? expandNode(child) : [];
+			});
+			if (node.component !== "Row") return children;
 			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 translateA2UI_0_9_1Field(node);
 	};
-	return nodes.filter((node) => !referencedIds.has(node.id)).flatMap((node) => expandNode(node));
+	const root = nodeMap.get("root");
+	return root ? expandNode(root) : [];
 }
 function mergeJsonFormClassName(...classNames) {
 	return classNames.filter(Boolean);
 }
 //#endregion
-export { getJsonFormValue, mergeJsonFormClassName, resolveJsonFormComponents, setJsonFormValue, shouldStretchJsonFormControl, translateA2UI_0_8ToJsonFormSchemas };
+export { getJsonFormValue, jsonFormBuiltInComponents, mergeJsonFormClassName, parseJsonFormPath, resolveJsonFormComponents, setJsonFormValue, shouldStretchJsonFormControl, translateA2UI_0_9_1ToJsonFormSchemas };

package/es/kv-list/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMMON_HTTP_HEADERS: readonly ["WWW-Authenticate", "Authorization", "Proxy-Authenticate", "Proxy-Authorization", "Age", "Cache-Control", "Clear-Site-Data", "Expires", "Pragma", "Warning", "Accept-CH", "Accept-CH-Lifetime", "Early-Data", "Content-DPR", "DPR", "Device-Memory", "Save-Data", "Viewport-Width", "Width", "Last-Modified", "ETag", "If-Match", "If-None-Match", "If-Modified-Since", "If-Unmodified-Since", "Vary", "Connection", "Keep-Alive", "Accept", "Accept-Charset", "Accept-Encoding", "Accept-Language", "Expect", "Max-Forwards", "Cookie", "Set-Cookie", "Cookie2", "Set-Cookie2", "Access-Control-Allow-Origin", "Access-Control-Allow-Credentials", "Access-Control-Allow-Headers", "Access-Control-Allow-Methods", "Access-Control-Expose-Headers", "Access-Control-Max-Age", "Access-Control-Request-Headers", "Access-Control-Request-Method", "Origin", "Service-Worker-Allowed", "Timing-Allow-Origin", "X-Permitted-Cross-Domain-Policies", "DNT", "Tk", "Content-Disposition", "Content-Length", "Content-Type", "Content-Encoding", "Content-Language", "Content-Location", "Forwarded", "X-Forwarded-For", "X-Forwarded-Host", "X-Forwarded-Proto", "Via", "Location", "From", "Host", "Referer", "Referrer-Policy", "User-Agent", "Allow", "Server", "Accept-Ranges", "Range", "If-Range", "Content-Range", "Cross-Origin-Opener-Policy", "Cross-Origin-Resource-Policy", "Content-Security-Policy", "Content-Security-Policy-Report-Only", "Expect-CT", "Feature-Policy", "Public-Key-Pins", "Public-Key-Pins-Report-Only", "Strict-Transport-Security", "Upgrade-Insecure-Requests", "X-Content-Type-Options", "X-Download-Options", "X-Frame-Options", "X-Powered-By", "X-XSS-Protection", "Last-Event-ID", "NEL", "Ping-From", "Ping-To", "Report-To", "Transfer-Encoding", "TE", "Trailer", "Sec-WebSocket-Key", "Sec-WebSocket-Extensions", "Sec-WebSocket-Accept", "Sec-WebSocket-Protocol", "Sec-WebSocket-Version", "Accept-Push-Policy", "Accept-Signature", "Alt-Svc", "Date", "Large-Allocation", "Link", "Push-Policy", "Retry-After", "Signature", "Signed-Headers", "Server-Timing", "SourceMap", "Upgrade", "X-DNS-Prefetch-Control", "X-Firefox-Spdy", "X-Pingback", "X-Requested-With", "X-Robots-Tag", "X-UA-Compatible"];

package/es/kv-list/constants.js

@@ -0,0 +1,127 @@
+//#region components/kv-list/constants.ts
+var COMMON_HTTP_HEADERS = [
+	"WWW-Authenticate",
+	"Authorization",
+	"Proxy-Authenticate",
+	"Proxy-Authorization",
+	"Age",
+	"Cache-Control",
+	"Clear-Site-Data",
+	"Expires",
+	"Pragma",
+	"Warning",
+	"Accept-CH",
+	"Accept-CH-Lifetime",
+	"Early-Data",
+	"Content-DPR",
+	"DPR",
+	"Device-Memory",
+	"Save-Data",
+	"Viewport-Width",
+	"Width",
+	"Last-Modified",
+	"ETag",
+	"If-Match",
+	"If-None-Match",
+	"If-Modified-Since",
+	"If-Unmodified-Since",
+	"Vary",
+	"Connection",
+	"Keep-Alive",
+	"Accept",
+	"Accept-Charset",
+	"Accept-Encoding",
+	"Accept-Language",
+	"Expect",
+	"Max-Forwards",
+	"Cookie",
+	"Set-Cookie",
+	"Cookie2",
+	"Set-Cookie2",
+	"Access-Control-Allow-Origin",
+	"Access-Control-Allow-Credentials",
+	"Access-Control-Allow-Headers",
+	"Access-Control-Allow-Methods",
+	"Access-Control-Expose-Headers",
+	"Access-Control-Max-Age",
+	"Access-Control-Request-Headers",
+	"Access-Control-Request-Method",
+	"Origin",
+	"Service-Worker-Allowed",
+	"Timing-Allow-Origin",
+	"X-Permitted-Cross-Domain-Policies",
+	"DNT",
+	"Tk",
+	"Content-Disposition",
+	"Content-Length",
+	"Content-Type",
+	"Content-Encoding",
+	"Content-Language",
+	"Content-Location",
+	"Forwarded",
+	"X-Forwarded-For",
+	"X-Forwarded-Host",
+	"X-Forwarded-Proto",
+	"Via",
+	"Location",
+	"From",
+	"Host",
+	"Referer",
+	"Referrer-Policy",
+	"User-Agent",
+	"Allow",
+	"Server",
+	"Accept-Ranges",
+	"Range",
+	"If-Range",
+	"Content-Range",
+	"Cross-Origin-Opener-Policy",
+	"Cross-Origin-Resource-Policy",
+	"Content-Security-Policy",
+	"Content-Security-Policy-Report-Only",
+	"Expect-CT",
+	"Feature-Policy",
+	"Public-Key-Pins",
+	"Public-Key-Pins-Report-Only",
+	"Strict-Transport-Security",
+	"Upgrade-Insecure-Requests",
+	"X-Content-Type-Options",
+	"X-Download-Options",
+	"X-Frame-Options",
+	"X-Powered-By",
+	"X-XSS-Protection",
+	"Last-Event-ID",
+	"NEL",
+	"Ping-From",
+	"Ping-To",
+	"Report-To",
+	"Transfer-Encoding",
+	"TE",
+	"Trailer",
+	"Sec-WebSocket-Key",
+	"Sec-WebSocket-Extensions",
+	"Sec-WebSocket-Accept",
+	"Sec-WebSocket-Protocol",
+	"Sec-WebSocket-Version",
+	"Accept-Push-Policy",
+	"Accept-Signature",
+	"Alt-Svc",
+	"Date",
+	"Large-Allocation",
+	"Link",
+	"Push-Policy",
+	"Retry-After",
+	"Signature",
+	"Signed-Headers",
+	"Server-Timing",
+	"SourceMap",
+	"Upgrade",
+	"X-DNS-Prefetch-Control",
+	"X-Firefox-Spdy",
+	"X-Pingback",
+	"X-Requested-With",
+	"X-Robots-Tag",
+	"X-UA-Compatible"
+];
+//#endregion
+export { COMMON_HTTP_HEADERS };