morya-ui 0.2.7 → 0.2.9

package/dist/grid/style.css

@@ -373,6 +373,17 @@
     opacity: var(--m-opacity-disabled);
 }
 
+.m-input-field__control--prefixed .m-input:disabled,
+.m-input-field__control--suffixed .m-input:disabled,
+.m-input-field__control--clearable .m-input:disabled,
+.m-password--disabled .m-password__input,
+.m-inputnumber--disabled .m-inputnumber__input,
+.m-datepicker--disabled .m-datepicker__input,
+.m-icon-field--anchored .m-input:disabled,
+.m-icon-field--anchored .m-textarea:disabled {
+    opacity: 1;
+}
+
 .m-input::placeholder,
 .m-textarea::placeholder,
 .m-password__input::placeholder,
@@ -692,14 +703,6 @@
     opacity: var(--m-opacity-disabled);
 }
 
-.m-icon-field--left :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
-    padding-left: var(--m-control-affix-padding);
-}
-
-.m-icon-field--right :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
-    padding-right: var(--m-control-affix-padding);
-}
-
 .m-inputgroup > .m-input,
 .m-inputgroup > .m-input-field,
 .m-inputgroup > .m-password-field,
@@ -718,16 +721,22 @@
 
 .m-inputgroup > .m-input,
 .m-inputgroup .m-input,
-.m-inputgroup .m-password__input,
-.m-inputgroup .m-inputnumber__input {
+.m-inputgroup .m-password,
+.m-inputgroup .m-inputnumber__input-wrap,
+.m-inputgroup .m-input-field__control--prefixed,
+.m-inputgroup .m-input-field__control--suffixed,
+.m-inputgroup .m-input-field__control--clearable {
     border-radius: 0;
     width: 100%;
 }
 
 .m-inputgroup > :first-child.m-input,
 .m-inputgroup > :first-child .m-input,
-.m-inputgroup > :first-child .m-password__input,
-.m-inputgroup > :first-child .m-inputnumber__input,
+.m-inputgroup > :first-child .m-password,
+.m-inputgroup > :first-child .m-inputnumber__input-wrap,
+.m-inputgroup > :first-child .m-input-field__control--prefixed,
+.m-inputgroup > :first-child .m-input-field__control--suffixed,
+.m-inputgroup > :first-child .m-input-field__control--clearable,
 .m-inputgroup > :first-child.m-inputgroup-addon {
     border-bottom-left-radius: var(--m-radius-control);
     border-top-left-radius: var(--m-radius-control);
@@ -735,8 +744,11 @@
 
 .m-inputgroup > :last-child.m-input,
 .m-inputgroup > :last-child .m-input,
-.m-inputgroup > :last-child .m-password__input,
-.m-inputgroup > :last-child .m-inputnumber__input,
+.m-inputgroup > :last-child .m-password,
+.m-inputgroup > :last-child .m-inputnumber__input-wrap,
+.m-inputgroup > :last-child .m-input-field__control--prefixed,
+.m-inputgroup > :last-child .m-input-field__control--suffixed,
+.m-inputgroup > :last-child .m-input-field__control--clearable,
 .m-inputgroup > :last-child.m-inputgroup-addon {
     border-bottom-right-radius: var(--m-radius-control);
     border-top-right-radius: var(--m-radius-control);
@@ -887,9 +899,6 @@
 }
 
 /* Shared Naive-like hover/focus for remaining form triggers */
-.m-inputnumber__input:hover:not(:disabled):not(:focus),
-.m-password__input:hover:not(:disabled):not(:focus),
-.m-datepicker__input:hover:not(:disabled):not(:focus),
 .m-inputotp__input:hover:not(:disabled):not(:focus),
 .m-cascadeselect__trigger:hover:not(:disabled):not(:focus-visible),
 .m-treeselect__trigger:hover:not(:disabled):not(:focus-visible),
@@ -900,9 +909,6 @@
     border-color: var(--m-color-primary-hover);
 }
 
-.m-inputnumber__input:focus-visible,
-.m-password__input:focus-visible,
-.m-datepicker__input:focus-visible,
 .m-inputotp__input:focus-visible,
 .m-cascadeselect__trigger:focus-visible,
 .m-treeselect__trigger:focus-visible,
@@ -919,9 +925,6 @@
     outline: none;
 }
 
-.m-inputnumber--invalid .m-inputnumber__input:focus-visible,
-.m-password--invalid .m-password__input:focus-visible,
-.m-datepicker--invalid .m-datepicker__input:focus-visible,
 .m-inputotp--invalid .m-inputotp__input:focus-visible,
 .m-inputtags--invalid:focus-within,
 .m-inputcolor--invalid .m-inputcolor__text:focus-visible {

package/dist/icon/index.js

@@ -1,3 +1,213 @@
-import { a as e, i as t, n, r, t as i } from "../Icon-DfpIfo2L.js";
+import { a as e, i as t, n, r, t as i } from "../Icon-B6IBrJ5S.js";
 import "./style.js";
-export { i as MIcon, n as getIconDefinition, r as iconNames, t as iconRegistry, e as isIconName };
+//#region src/components/Icon/icon-categories.ts
+var a = [
+	{
+		id: "arrows",
+		labelZh: "箭头 / 方向",
+		labelEn: "Arrows"
+	},
+	{
+		id: "status",
+		labelZh: "状态 / 反馈",
+		labelEn: "Status"
+	},
+	{
+		id: "actions",
+		labelZh: "操作",
+		labelEn: "Actions"
+	},
+	{
+		id: "navigation",
+		labelZh: "导航 / 布局",
+		labelEn: "Navigation"
+	},
+	{
+		id: "people",
+		labelZh: "用户",
+		labelEn: "People"
+	},
+	{
+		id: "files",
+		labelZh: "文件 / 数据",
+		labelEn: "Files"
+	},
+	{
+		id: "media",
+		labelZh: "媒体",
+		labelEn: "Media"
+	},
+	{
+		id: "devices",
+		labelZh: "设备 / 系统",
+		labelEn: "Devices"
+	},
+	{
+		id: "commerce",
+		labelZh: "商业",
+		labelEn: "Commerce"
+	},
+	{
+		id: "charts",
+		labelZh: "图表",
+		labelEn: "Charts"
+	},
+	{
+		id: "communication",
+		labelZh: "通讯",
+		labelEn: "Communication"
+	},
+	{
+		id: "security",
+		labelZh: "安全",
+		labelEn: "Security"
+	},
+	{
+		id: "weather",
+		labelZh: "天气 / 主题",
+		labelEn: "Weather"
+	},
+	{
+		id: "other",
+		labelZh: "其他",
+		labelEn: "Other"
+	}
+], o = {
+	arrows: [
+		"chevron-up",
+		"chevron-down",
+		"chevron-left",
+		"chevron-right",
+		"arrow-up",
+		"arrow-down",
+		"arrow-left",
+		"arrow-right",
+		"arrow-back-up",
+		"arrow-forward-up",
+		"undo",
+		"redo",
+		"external-link",
+		"logout",
+		"login",
+		"send",
+		"share",
+		"refresh",
+		"sort"
+	],
+	status: [
+		"check",
+		"check-circle",
+		"close",
+		"x-circle",
+		"info",
+		"info-circle",
+		"warning",
+		"alert-circle",
+		"help-circle",
+		"ban",
+		"loader",
+		"star",
+		"heart",
+		"sparkles",
+		"rocket"
+	],
+	actions: /* @__PURE__ */ "plus.minus.search.edit.trash.copy.download.upload.filter.more.more-vertical.menu.grip.maximize.restore.zoom-in.zoom-out.save.device-floppy.cut.scissors.printer.play.pause.player-play.player-pause.clipboard.paperclip.history.archive".split("."),
+	navigation: [
+		"home",
+		"layout-dashboard",
+		"layout-grid",
+		"grid",
+		"list",
+		"table",
+		"layers",
+		"stack",
+		"settings",
+		"sliders",
+		"adjustments-horizontal",
+		"components",
+		"palette"
+	],
+	people: [
+		"user",
+		"users",
+		"user-plus"
+	],
+	files: [
+		"folder",
+		"folder-open",
+		"file",
+		"file-text",
+		"book",
+		"database",
+		"box",
+		"package"
+	],
+	media: [
+		"photo",
+		"image",
+		"video",
+		"microphone",
+		"eye",
+		"eye-off"
+	],
+	devices: [
+		"device-desktop",
+		"device-mobile",
+		"phone",
+		"wifi",
+		"server",
+		"cloud",
+		"terminal",
+		"code"
+	],
+	commerce: [
+		"shopping-cart",
+		"credit-card",
+		"briefcase",
+		"building",
+		"map-pin",
+		"world"
+	],
+	charts: [
+		"chart-bar",
+		"chart-line",
+		"chart-pie",
+		"activity"
+	],
+	communication: [
+		"mail",
+		"message",
+		"bell"
+	],
+	security: [
+		"lock",
+		"unlock",
+		"link",
+		"shield",
+		"key"
+	],
+	weather: [
+		"sun",
+		"moon",
+		"calendar",
+		"clock"
+	]
+}, s = /* @__PURE__ */ new Map();
+for (let [e, t] of Object.entries(o)) for (let n of t) s.set(n, e);
+function c(e) {
+	return s.get(e) ?? "other";
+}
+function l(e = r) {
+	let t = /* @__PURE__ */ new Map();
+	for (let e of a) t.set(e.id, []);
+	for (let n of e) {
+		let e = c(n);
+		t.get(e).push(n);
+	}
+	return a.map((e) => ({
+		...e,
+		icons: t.get(e.id) ?? []
+	})).filter((e) => e.icons.length > 0);
+}
+//#endregion
+export { i as MIcon, c as getIconCategory, l as getIconCategoryGroups, n as getIconDefinition, a as iconCategoryMeta, r as iconNames, t as iconRegistry, e as isIconName };

package/dist/icon/style.css

@@ -373,6 +373,17 @@
     opacity: var(--m-opacity-disabled);
 }
 
+.m-input-field__control--prefixed .m-input:disabled,
+.m-input-field__control--suffixed .m-input:disabled,
+.m-input-field__control--clearable .m-input:disabled,
+.m-password--disabled .m-password__input,
+.m-inputnumber--disabled .m-inputnumber__input,
+.m-datepicker--disabled .m-datepicker__input,
+.m-icon-field--anchored .m-input:disabled,
+.m-icon-field--anchored .m-textarea:disabled {
+    opacity: 1;
+}
+
 .m-input::placeholder,
 .m-textarea::placeholder,
 .m-password__input::placeholder,
@@ -692,14 +703,6 @@
     opacity: var(--m-opacity-disabled);
 }
 
-.m-icon-field--left :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
-    padding-left: var(--m-control-affix-padding);
-}
-
-.m-icon-field--right :is(.m-input, .m-password__input, .m-inputnumber__input, input) {
-    padding-right: var(--m-control-affix-padding);
-}
-
 .m-inputgroup > .m-input,
 .m-inputgroup > .m-input-field,
 .m-inputgroup > .m-password-field,
@@ -718,16 +721,22 @@
 
 .m-inputgroup > .m-input,
 .m-inputgroup .m-input,
-.m-inputgroup .m-password__input,
-.m-inputgroup .m-inputnumber__input {
+.m-inputgroup .m-password,
+.m-inputgroup .m-inputnumber__input-wrap,
+.m-inputgroup .m-input-field__control--prefixed,
+.m-inputgroup .m-input-field__control--suffixed,
+.m-inputgroup .m-input-field__control--clearable {
     border-radius: 0;
     width: 100%;
 }
 
 .m-inputgroup > :first-child.m-input,
 .m-inputgroup > :first-child .m-input,
-.m-inputgroup > :first-child .m-password__input,
-.m-inputgroup > :first-child .m-inputnumber__input,
+.m-inputgroup > :first-child .m-password,
+.m-inputgroup > :first-child .m-inputnumber__input-wrap,
+.m-inputgroup > :first-child .m-input-field__control--prefixed,
+.m-inputgroup > :first-child .m-input-field__control--suffixed,
+.m-inputgroup > :first-child .m-input-field__control--clearable,
 .m-inputgroup > :first-child.m-inputgroup-addon {
     border-bottom-left-radius: var(--m-radius-control);
     border-top-left-radius: var(--m-radius-control);
@@ -735,8 +744,11 @@
 
 .m-inputgroup > :last-child.m-input,
 .m-inputgroup > :last-child .m-input,
-.m-inputgroup > :last-child .m-password__input,
-.m-inputgroup > :last-child .m-inputnumber__input,
+.m-inputgroup > :last-child .m-password,
+.m-inputgroup > :last-child .m-inputnumber__input-wrap,
+.m-inputgroup > :last-child .m-input-field__control--prefixed,
+.m-inputgroup > :last-child .m-input-field__control--suffixed,
+.m-inputgroup > :last-child .m-input-field__control--clearable,
 .m-inputgroup > :last-child.m-inputgroup-addon {
     border-bottom-right-radius: var(--m-radius-control);
     border-top-right-radius: var(--m-radius-control);
@@ -887,9 +899,6 @@
 }
 
 /* Shared Naive-like hover/focus for remaining form triggers */
-.m-inputnumber__input:hover:not(:disabled):not(:focus),
-.m-password__input:hover:not(:disabled):not(:focus),
-.m-datepicker__input:hover:not(:disabled):not(:focus),
 .m-inputotp__input:hover:not(:disabled):not(:focus),
 .m-cascadeselect__trigger:hover:not(:disabled):not(:focus-visible),
 .m-treeselect__trigger:hover:not(:disabled):not(:focus-visible),
@@ -900,9 +909,6 @@
     border-color: var(--m-color-primary-hover);
 }
 
-.m-inputnumber__input:focus-visible,
-.m-password__input:focus-visible,
-.m-datepicker__input:focus-visible,
 .m-inputotp__input:focus-visible,
 .m-cascadeselect__trigger:focus-visible,
 .m-treeselect__trigger:focus-visible,
@@ -919,9 +925,6 @@
     outline: none;
 }
 
-.m-inputnumber--invalid .m-inputnumber__input:focus-visible,
-.m-password--invalid .m-password__input:focus-visible,
-.m-datepicker--invalid .m-datepicker__input:focus-visible,
 .m-inputotp--invalid .m-inputotp__input:focus-visible,
 .m-inputtags--invalid:focus-within,
 .m-inputcolor--invalid .m-inputcolor__text:focus-visible {

package/dist/icon-field/index.js

@@ -1,22 +1,56 @@
 import { r as e } from "../useComponentAttrs-BTYEe61P.js";
 import "./style.js";
-import { computed as t, createCommentVNode as n, createElementBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, useAttrs as l } from "vue";
+import { Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, nextTick as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, unref as h, useAttrs as g, useSlots as _ } from "vue";
 //#region src/components/IconField/IconField.vue?vue&type=script&setup=true&lang.ts
-var u = {
+var v = {
 	key: 0,
 	class: "m-icon-field__icon",
 	"aria-hidden": "true"
-}, d = /* @__PURE__ */ i({
+}, y = {
+	class: "m-icon-field__icon",
+	"aria-hidden": "true"
+}, b = /* @__PURE__ */ s({
 	inheritAttrs: !1,
 	__name: "IconField",
 	props: {
 		iconPosition: { default: "left" },
 		pt: {}
 	},
-	setup(i) {
-		let d = i, f = l(), { rootAttrs: p } = e(f, () => d.pt), m = t(() => ["m-icon-field", d.iconPosition === "right" ? "m-icon-field--right" : "m-icon-field--left"]);
-		return (e, t) => (o(), r("div", a(c(p), { class: m.value }), [e.$slots.icon ? (o(), r("span", u, [s(e.$slots, "icon")])) : n("", !0), s(e.$slots, "default")], 16));
+	setup(s) {
+		let b = s, x = g(), S = _(), { rootAttrs: C } = e(x, () => b.pt), w = p(null), T = p(null), E = null, D = [
+			".m-input-field__control",
+			".m-password",
+			".m-textarea-field__control",
+			".m-inputnumber__input-wrap",
+			".m-autocomplete__control",
+			".m-datepicker__control"
+		].join(", "), O = n(() => [
+			"m-icon-field",
+			b.iconPosition === "right" ? "m-icon-field--right" : "m-icon-field--left",
+			{ "m-icon-field--anchored": !!(T.value && S.icon) }
+		]);
+		function k() {
+			let e = w.value;
+			T.value = e?.querySelector(D) ?? null;
+		}
+		return d(async () => {
+			await l(), k(), !(!w.value || typeof MutationObserver > "u") && (E = new MutationObserver(() => {
+				k();
+			}), E.observe(w.value, {
+				childList: !0,
+				subtree: !0
+			}));
+		}), u(() => {
+			E?.disconnect(), E = null;
+		}), (e, n) => (f(), a("div", c(h(C), { class: O.value }), [e.$slots.icon && !T.value ? (f(), a("span", v, [m(e.$slots, "icon")])) : i("", !0), o("div", {
+			ref_key: "bodyRef",
+			ref: w,
+			class: "m-icon-field__body"
+		}, [m(e.$slots, "default"), e.$slots.icon && T.value ? (f(), r(t, {
+			key: 0,
+			to: T.value
+		}, [o("span", y, [m(e.$slots, "icon")])], 8, ["to"])) : i("", !0)], 512)], 16));
 	}
 });
 //#endregion
-export { d as MIconField };
+export { b as MIconField };