@semi-kit/component 1.2.19 → 1.2.21

package/lib/app-provider/index.d.ts

@@ -1,2 +1,2 @@
-import { t as _default } from "../index-CGmoO5lI.js";
+import { t as _default } from "../index-vqUwpfoI.js";
 export { _default as default };

package/lib/app-provider/index.js

@@ -1,3 +1,3 @@
-import { t as app_provider_default } from "../app-provider-54X4txsL.js";
+import { t as app_provider_default } from "../app-provider-DZfUq8qO.js";
 
 export { app_provider_default as default };

package/lib/cssr-CcF0hyWR.js

@@ -0,0 +1,28 @@
+import { onBeforeMount } from "vue";
+import CssRender from "css-render";
+import bem from "@css-render/plugin-bem";
+
+//#region src/_utils/use-style.ts
+function useStyle(mountId, style) {
+	if (!style) {
+		console.warn("[useStyle] No style is specified.");
+		return;
+	}
+	onBeforeMount(() => {
+		style.mount({
+			id: mountId,
+			head: true
+		});
+	});
+}
+
+//#endregion
+//#region src/_utils/cssr.ts
+const cssr = CssRender();
+const plugin = bem();
+cssr.use(plugin);
+const { c, find } = cssr;
+const { cB, cE, cM, cNotM } = plugin;
+
+//#endregion
+export { useStyle as i, cB as n, cE as r, c as t };

package/lib/flex-col-wrapper-OHruHZAn.js

@@ -0,0 +1,25 @@
+import { i as useStyle, n as cB, t as c } from "./cssr-CcF0hyWR.js";
+import { createVNode, defineComponent } from "vue";
+import { appVars } from "@semi-kit/theme/vars";
+
+//#region src/wrapper/flex-col-wrapper/styles/index.ts
+var styles_default = c([cB("flex-col-wrapper", {
+	boxSizing: "border-box",
+	display: "flex",
+	flexDirection: "column",
+	height: "100%",
+	padding: `${appVars.spacing}px`
+})]);
+
+//#endregion
+//#region src/wrapper/flex-col-wrapper/index.tsx
+var flex_col_wrapper_default = /* @__PURE__ */ defineComponent({
+	name: "FlexColWrapper",
+	setup(props, { slots }) {
+		useStyle("flex-col-wrapper", styles_default);
+		return () => createVNode("div", { "class": "flex-col-wrapper" }, [slots?.default?.()]);
+	}
+});
+
+//#endregion
+export { flex_col_wrapper_default as t };

package/lib/flex-row-wrapper-B0qzkMOh.js

@@ -0,0 +1,25 @@
+import { i as useStyle, n as cB, t as c } from "./cssr-CcF0hyWR.js";
+import { createVNode, defineComponent } from "vue";
+import { appVars } from "@semi-kit/theme/vars";
+
+//#region src/wrapper/flex-row-wrapper/styles/index.ts
+var styles_default = c([cB("flex-row-wrapper", {
+	boxSizing: "border-box",
+	display: "flex",
+	flex: 1,
+	height: "100%",
+	padding: `${appVars.spacing}px`
+})]);
+
+//#endregion
+//#region src/wrapper/flex-row-wrapper/index.tsx
+var flex_row_wrapper_default = /* @__PURE__ */ defineComponent({
+	name: "FlexRowWrapper",
+	setup(props, { slots }) {
+		useStyle("flex-row-wrapper", styles_default);
+		return () => createVNode("div", { "class": "flex-row-wrapper" }, [slots?.default?.()]);
+	}
+});
+
+//#endregion
+export { flex_row_wrapper_default as t };

package/lib/index-BVUxVKNA.d.ts

@@ -0,0 +1,7 @@
+import * as vue0 from "vue";
+import * as vue_jsx_runtime0 from "vue/jsx-runtime";
+
+//#region src/wrapper/flex-col-wrapper/index.d.ts
+declare const _default: vue0.DefineComponent<{}, () => vue_jsx_runtime0.JSX.Element, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue0.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default as t };

package/lib/index-DOM7zUci.d.ts

@@ -0,0 +1,7 @@
+import * as vue4 from "vue";
+import * as vue_jsx_runtime0 from "vue/jsx-runtime";
+
+//#region src/wrapper/flex-row-wrapper/index.d.ts
+declare const _default: vue4.DefineComponent<{}, () => vue_jsx_runtime0.JSX.Element, {}, {}, {}, vue4.ComponentOptionsMixin, vue4.ComponentOptionsMixin, {}, string, vue4.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue4.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default as t };

package/lib/index-ciydAdjM.d.ts

@@ -0,0 +1,7 @@
+import * as vue9 from "vue";
+import * as vue_jsx_runtime1 from "vue/jsx-runtime";
+
+//#region src/wrapper/scroll-wrapper/index.d.ts
+declare const _default: vue9.DefineComponent<{}, () => vue_jsx_runtime1.JSX.Element, {}, {}, {}, vue9.ComponentOptionsMixin, vue9.ComponentOptionsMixin, {}, string, vue9.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue9.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { _default as t };

package/lib/index-vqUwpfoI.d.ts

@@ -0,0 +1,34 @@
+import * as vue14 from "vue";
+import { Ref } from "vue";
+
+//#region src/app-provider/type.d.ts
+interface AppProviderFormRuleConfig {
+  stringLength?: number;
+  numberLength?: number;
+  numberSize?: number;
+  decimalPlace?: number;
+}
+interface AppProviderTheme {
+  primaryColor?: string;
+  radius?: number;
+}
+interface AppProviderContext {
+  locale?: Ref<string | undefined>;
+  formRuleConfig?: Ref<AppProviderFormRuleConfig>;
+  theme?: Ref<AppProviderTheme | undefined>;
+}
+//#endregion
+//#region src/app-provider/index.d.ts
+declare const _default: vue14.DefineComponent<vue14.ExtractPropTypes<{
+  readonly locale: StringConstructor;
+  readonly formRuleConfig: vue14.PropType<AppProviderFormRuleConfig>;
+  readonly theme: vue14.PropType<AppProviderTheme>;
+}>, () => vue14.VNode<vue14.RendererNode, vue14.RendererElement, {
+  [key: string]: any;
+}>[] | undefined, {}, {}, {}, vue14.ComponentOptionsMixin, vue14.ComponentOptionsMixin, {}, string, vue14.PublicProps, Readonly<vue14.ExtractPropTypes<{
+  readonly locale: StringConstructor;
+  readonly formRuleConfig: vue14.PropType<AppProviderFormRuleConfig>;
+  readonly theme: vue14.PropType<AppProviderTheme>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue14.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { AppProviderContext as n, AppProviderFormRuleConfig as r, _default as t };

package/lib/index.d.ts

@@ -1,6 +1,10 @@
-import { n as AppProviderContext, r as AppProviderFormRuleConfig, t as _default } from "./index-CGmoO5lI.js";
+import { n as AppProviderContext, r as AppProviderFormRuleConfig, t as _default } from "./index-vqUwpfoI.js";
+import { t as _default$3 } from "./index-ciydAdjM.js";
+import { t as _default$2 } from "./index-DOM7zUci.js";
+import { t as _default$1 } from "./index-BVUxVKNA.js";
+import { t as SemiComponentResolver } from "./resolver-BrOnUjEv.js";
 
 //#region src/_utils/get-provider.d.ts
 declare function getAppProvider(): AppProviderContext;
 //#endregion
-export { _default as AppProvider, type AppProviderContext, type AppProviderFormRuleConfig, getAppProvider };
+export { _default as AppProvider, type AppProviderContext, type AppProviderFormRuleConfig, _default$1 as FlexColWrapper, _default$2 as FlexRowWrapper, _default$3 as ScrollWrapper, SemiComponentResolver, getAppProvider };

package/lib/index.js

@@ -1,4 +1,9 @@
-import { t as app_provider_default } from "./app-provider-54X4txsL.js";
+import "./cssr-CcF0hyWR.js";
+import { t as scroll_wrapper_default } from "./scroll-wrapper-DdsphqoK.js";
+import { t as flex_row_wrapper_default } from "./flex-row-wrapper-B0qzkMOh.js";
+import { t as flex_col_wrapper_default } from "./flex-col-wrapper-OHruHZAn.js";
+import { t as app_provider_default } from "./app-provider-DZfUq8qO.js";
+import { t as SemiComponentResolver } from "./resolver-DRvP1zo4.js";
 import { getCurrentInstance, inject } from "vue";
 
 //#region src/_utils/get-provider.ts
@@ -16,4 +21,4 @@ function getAppProvider() {
 }
 
 //#endregion
-export { app_provider_default as AppProvider, getAppProvider };
+export { app_provider_default as AppProvider, flex_col_wrapper_default as FlexColWrapper, flex_row_wrapper_default as FlexRowWrapper, scroll_wrapper_default as ScrollWrapper, SemiComponentResolver, getAppProvider };

package/lib/resolver-BrOnUjEv.d.ts

@@ -0,0 +1,10 @@
+//#region src/resolver.d.ts
+declare const SemiComponentResolver: () => {
+  type: "component";
+  resolve: (name: string) => {
+    name: string;
+    from: string;
+  } | undefined;
+};
+//#endregion
+export { SemiComponentResolver as t };

package/lib/resolver-DRvP1zo4.js

@@ -0,0 +1,19 @@
+//#region src/resolver.ts
+const SemiComponentResolver = () => {
+	return {
+		type: "component",
+		resolve: (name) => {
+			if ([
+				"ScrollWrapper",
+				"FlexRowWrapper",
+				"FlexColWrapper"
+			].includes(name)) return {
+				name,
+				from: "@semi-kit/component"
+			};
+		}
+	};
+};
+
+//#endregion
+export { SemiComponentResolver as t };

package/lib/resolver.d.ts

@@ -0,0 +1,2 @@
+import { t as SemiComponentResolver } from "./resolver-BrOnUjEv.js";
+export { SemiComponentResolver };

package/lib/resolver.js

@@ -0,0 +1,3 @@
+import { t as SemiComponentResolver } from "./resolver-DRvP1zo4.js";
+
+export { SemiComponentResolver };

package/lib/scroll-wrapper-DdsphqoK.js

@@ -0,0 +1,23 @@
+import { i as useStyle, n as cB, r as cE, t as c } from "./cssr-CcF0hyWR.js";
+import { createVNode, defineComponent } from "vue";
+import { appVars } from "@semi-kit/theme/vars";
+import { NScrollbar } from "naive-ui";
+
+//#region src/wrapper/scroll-wrapper/styles/index.ts
+var styles_default = c([cB("scroll-wrapper", { height: "100%" }, [cE("scrollbar", {
+	boxSizing: "border-box",
+	padding: `${appVars.spacing}px`
+})])]);
+
+//#endregion
+//#region src/wrapper/scroll-wrapper/index.tsx
+var scroll_wrapper_default = /* @__PURE__ */ defineComponent({
+	name: "ScrollWrapper",
+	setup(props, { slots }) {
+		useStyle("scroll-wrapper", styles_default);
+		return () => createVNode("div", { "class": "scroll-wrapper" }, [createVNode(NScrollbar, { "class": "scroll-wrapper__scrollbar" }, slots)]);
+	}
+});
+
+//#endregion
+export { scroll_wrapper_default as t };

package/lib/wrapper/flex-col-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+import { t as _default } from "../../index-BVUxVKNA.js";
+export { _default as default };

package/lib/wrapper/flex-col-wrapper/index.js

@@ -0,0 +1,4 @@
+import "../../cssr-CcF0hyWR.js";
+import { t as flex_col_wrapper_default } from "../../flex-col-wrapper-OHruHZAn.js";
+
+export { flex_col_wrapper_default as default };

package/lib/wrapper/flex-row-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+import { t as _default } from "../../index-DOM7zUci.js";
+export { _default as default };

package/lib/wrapper/flex-row-wrapper/index.js

@@ -0,0 +1,4 @@
+import "../../cssr-CcF0hyWR.js";
+import { t as flex_row_wrapper_default } from "../../flex-row-wrapper-B0qzkMOh.js";
+
+export { flex_row_wrapper_default as default };

package/lib/wrapper/scroll-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+import { t as _default } from "../../index-ciydAdjM.js";
+export { _default as default };

package/lib/wrapper/scroll-wrapper/index.js

@@ -0,0 +1,4 @@
+import "../../cssr-CcF0hyWR.js";
+import { t as scroll_wrapper_default } from "../../scroll-wrapper-DdsphqoK.js";
+
+export { scroll_wrapper_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@semi-kit/component",
-  "version": "1.2.19",
+  "version": "1.2.21",
   "description": "Semi-Kit Component Library",
   "type": "module",
   "license": "MIT",
@@ -22,6 +22,10 @@
   "exports": {
     ".": "./lib/index.js",
     "./app-provider": "./lib/app-provider/index.js",
+    "./resolver": "./lib/resolver.js",
+    "./wrapper/flex-col-wrapper": "./lib/wrapper/flex-col-wrapper/index.js",
+    "./wrapper/flex-row-wrapper": "./lib/wrapper/flex-row-wrapper/index.js",
+    "./wrapper/scroll-wrapper": "./lib/wrapper/scroll-wrapper/index.js",
     "./package.json": "./package.json"
   },
   "publishConfig": {
@@ -36,9 +40,6 @@
     "release": "npm publish",
     "prepublishOnly": "pnpm run build"
   },
-  "peerDependencies": {
-    "vue": "^3.0.0"
-  },
   "devDependencies": {
     "@css-render/plugin-bem": "catalog:",
     "css-render": "catalog:",
@@ -51,6 +52,16 @@
     "typescript": "catalog:",
     "vite": "catalog:",
     "vue": "catalog:",
-    "vue-tsc": "catalog:"
+    "vue-tsc": "catalog:",
+    "naive-ui": "catalog:",
+    "@semi-kit/theme": "workspace:*"
+  },
+  "peerDependencies": {
+    "naive-ui": "*",
+    "vue": "*",
+    "es-toolkit": "*",
+    "@semi-kit/theme": "*",
+    "@css-render/plugin-bem": "*",
+    "css-render": "*"
   }
 }

package/lib/index-CGmoO5lI.d.ts

@@ -1,34 +0,0 @@
-import * as vue0 from "vue";
-import { Ref } from "vue";
-
-//#region src/app-provider/type.d.ts
-interface AppProviderFormRuleConfig {
-  stringLength?: number;
-  numberLength?: number;
-  numberSize?: number;
-  decimalPlace?: number;
-}
-interface AppProviderTheme {
-  primaryColor?: string;
-  radius?: number;
-}
-interface AppProviderContext {
-  locale?: Ref<string | undefined>;
-  formRuleConfig?: Ref<AppProviderFormRuleConfig>;
-  theme?: Ref<AppProviderTheme | undefined>;
-}
-//#endregion
-//#region src/app-provider/index.d.ts
-declare const _default: vue0.DefineComponent<vue0.ExtractPropTypes<{
-  readonly locale: StringConstructor;
-  readonly formRuleConfig: vue0.PropType<AppProviderFormRuleConfig>;
-  readonly theme: vue0.PropType<AppProviderTheme>;
-}>, () => vue0.VNode<vue0.RendererNode, vue0.RendererElement, {
-  [key: string]: any;
-}>[] | undefined, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<vue0.ExtractPropTypes<{
-  readonly locale: StringConstructor;
-  readonly formRuleConfig: vue0.PropType<AppProviderFormRuleConfig>;
-  readonly theme: vue0.PropType<AppProviderTheme>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, vue0.ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { AppProviderContext as n, AppProviderFormRuleConfig as r, _default as t };