@zerodep-dev/vue-tsx-pro-mobile 0.0.0-stage → 0.4.0

package/dist/theme/divider.d.ts

@@ -0,0 +1,6 @@
+export declare const dividerImage: string;
+export declare const dividerLayout: {
+    readonly backgroundRepeat: 'no-repeat';
+    readonly backgroundSize: `calc(100% - ${string}) 1px`;
+    readonly backgroundPosition: 'right bottom';
+};

package/dist/theme/divider.js

@@ -0,0 +1,18 @@
+import { t } from "./tokens.js";
+//#region src/theme/divider.ts
+/**
+* 列表项之间的内缩细线（Cell、Collapse、FormItem）：背景画在底边，从左内边距处画到右边（小程序把样式展开成行内样式，
+* 不能用伪元素）。背景块 1px 高、只涂下半截：直接给 0.5px 高的背景块时，元素高度带小数的那几行在高分屏上整条被吞掉。
+*
+*   item: { backgroundImage: { default: dividerImage, ':last-child': 'none' }, ...dividerLayout }
+*/
+var dividerImage = `linear-gradient(to top, ${t.colors.border} 50%, transparent 50%)`;
+var dividerLayout = {
+	backgroundRepeat: "no-repeat",
+	backgroundSize: `calc(100% - ${t.space.lg}) 1px`,
+	backgroundPosition: "right bottom"
+};
+//#endregion
+export { dividerImage, dividerLayout };
+
+//# sourceMappingURL=divider.js.map

package/dist/theme/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","names":[],"sources":["../../src/theme/divider.ts"],"sourcesContent":["/**\n * 列表项之间的内缩细线（Cell、Collapse、FormItem）：背景画在底边，从左内边距处画到右边（小程序把样式展开成行内样式，\n * 不能用伪元素）。背景块 1px 高、只涂下半截：直接给 0.5px 高的背景块时，元素高度带小数的那几行在高分屏上整条被吞掉。\n *\n *   item: { backgroundImage: { default: dividerImage, ':last-child': 'none' }, ...dividerLayout }\n */\nimport { t } from './tokens';\n\nexport const dividerImage = `linear-gradient(to top, ${t.colors.border} 50%, transparent 50%)`;\n\nexport const dividerLayout = {\n  backgroundRepeat: 'no-repeat',\n  backgroundSize: `calc(100% - ${t.space.lg}) 1px`,\n  backgroundPosition: 'right bottom',\n} as const;\n"],"mappings":";;;;;;;;AAQA,IAAa,eAAe,2BAA2B,EAAE,OAAO,OAAO;AAEvE,IAAa,gBAAgB;CAC3B,kBAAkB;CAClB,gBAAgB,eAAe,EAAE,MAAM,GAAG;CAC1C,oBAAoB;AACtB"}