@ithinkdt/ui 4.0.9 → 4.0.10

package/dist/index.js

@@ -169,7 +169,7 @@ var ge = /* @__PURE__ */ m({
 			{ bottom: !0 }
 		]]);
 	}
-}), q = "APP_SIDER_COLLAPSED", J = () => p("svg", {
+}), q = "APP_SIDEBAR_COLLAPSED", J = () => p("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	"xmlns:xlink": "http://www.w3.org/1999/xlink",
 	role: "img",
@@ -291,7 +291,7 @@ var ye = /* @__PURE__ */ m({
 }), Se = /* @__PURE__ */ r([
 	i("layout", {
 		display: "grid",
-		gridTemplateAreas: "\n                'sider header'\n                'sider content'\n                'sider footer'\n            ",
+		gridTemplateAreas: "\n                'sidebar header'\n                'sidebar content'\n                'sidebar footer'\n            ",
 		gridTemplateRows: "auto 1fr auto",
 		gridTemplateColumns: "auto 1fr",
 		position: "relative",
@@ -299,10 +299,10 @@ var ye = /* @__PURE__ */ m({
 		left: "0",
 		transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
 		"--app-content-height": "calc(100vh - var(--app-header-height) - var(--app-footer-height))"
-	}, [o("full-header", { gridTemplateAreas: "\n                    'header header'\n                    'sider  content'\n                    'sider  footer'\n                " }), o("full-content", {
-		width: "calc(100% + var(--app-sider-width))",
+	}, [o("full-header", { gridTemplateAreas: "\n                    'header header'\n                    'sidebar  content'\n                    'sidebar  footer'\n                " }), o("full-content", {
+		width: "calc(100% + var(--app-sidebar-width))",
 		height: "calc(100% + var(--app-header-height))",
-		left: "calc(-1 * var(--app-sider-width))",
+		left: "calc(-1 * var(--app-sidebar-width))",
 		top: "calc(-1 * var(--app-header-height))"
 	})]),
 	i("header", {
@@ -311,9 +311,9 @@ var ye = /* @__PURE__ */ m({
 		zIndex: 2,
 		height: "var(--app-header-height, 44px)"
 	}),
-	i("sider", {
-		gridArea: "sider",
-		width: "var(--app-sider-width, 220px)",
+	i("sidebar", {
+		gridArea: "sidebar",
+		width: "var(--app-sidebar-width, 220px)",
 		display: "flex",
 		flexDirection: "column",
 		overflow: "auto",
@@ -377,7 +377,7 @@ var ye = /* @__PURE__ */ m({
 	setup(e, { slots: t }) {
 		n("-layout", Se, b("app"), !1);
 		let r = y({
-			siderWidth: "0px",
+			sidebarWidth: "0px",
 			headerHeight: "0px",
 			footerHeight: "0px",
 			hasMultiTab: !1
@@ -391,7 +391,7 @@ var ye = /* @__PURE__ */ m({
 					"app-layout--full-content": e.fullContent
 				},
 				style: {
-					"--app-sider-width": r.siderWidth,
+					"--app-sidebar-width": r.sidebarWidth,
 					"--app-header-height": r.headerHeight,
 					"--app-footer-height": r.footerHeight
 				}
@@ -429,13 +429,13 @@ var ye = /* @__PURE__ */ m({
 	setup(t, { emit: n, slots: r }) {
 		v(q, S(t, "collapsed"));
 		let { t: i } = e(), a = X();
-		return () => (a.siderWidth = (t.collapsed ? t.collapsedWidth : t.width) + "px", p("div", { class: "app-sider" }, [x(r, "default"), t.showCollapseBtn ? D(p(j, {
-			class: "app-sider__collapse-btn",
+		return () => (a.sidebarWidth = (t.collapsed ? t.collapsedWidth : t.width) + "px", p("div", { class: "app-sidebar" }, [x(r, "default"), t.showCollapseBtn ? D(p(j, {
+			class: "app-sidebar__collapse-btn",
 			quaternary: !0,
 			onClick: () => {
 				n("update:collapsed", !t.collapsed);
 			}
-		}, { default: () => [p(F, { size: "20" }, { default: () => [t.collapsed ? p(we, null, null) : p(Ce, null, null)] })] }), [[s, t.collapsed ? i("common.layout.sider.expand") : i("common.layout.sider.collapse")]]) : void 0]));
+		}, { default: () => [p(F, { size: "20" }, { default: () => [t.collapsed ? p(we, null, null) : p(Ce, null, null)] })] }), [[s, t.collapsed ? i("common.layout.sidebar.expand") : i("common.layout.sidebar.collapse")]]) : void 0]));
 	}
 }), Oe = /* @__PURE__ */ m({
 	name: "AppContent",
@@ -497,8 +497,8 @@ var je = /* @__PURE__ */ m({
 			}, [x(t, "default", void 0, () => [p("div", {
 				class: "app-logo__img",
 				style: `
-                                        width: ${a ? "var(--app-sider-width, 60px)" : "56px"};
-                                        font-size: ${a ? "calc(var(--app-sider-width, 60px) - 24px)" : "32px"};
+                                        width: ${a ? "var(--app-sidebar-width, 60px)" : "56px"};
+                                        font-size: ${a ? "calc(var(--app-sidebar-width, 60px) - 24px)" : "32px"};
                                         transition: width 0.2s ease-in-out 0.1s;
                                         flex: 0 0 auto;
                                         display: flex;

package/locale.d.ts

@@ -2,7 +2,7 @@ export interface UILocale {
     all: string
     back: string
     layout: {
-        sider: {
+        sidebar: {
             collapse: string
             expand: string
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ithinkdt/ui",
-  "version": "4.0.9",
+  "version": "4.0.10",
   "type": "module",
   "license": "MIT",
   "description": "iThinkDT UI",