@maple-design/preset-tailwindcss-vue 0.0.0-stage → 1.1.0

package/lib/index.cjs

@@ -0,0 +1,145 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  presetMaple: () => presetMaple
+});
+module.exports = __toCommonJS(src_exports);
+function getSpacing() {
+  return Object.fromEntries(Array.from({ length: 201 }, (_, value) => [String(value), `${value}px`]));
+}
+function getScreens(options = {}) {
+  const { screens = true } = options;
+  if (!screens) {
+    return;
+  }
+  const defaultScreens = {
+    sm: "768px",
+    md: "992px",
+    lg: "1200px",
+    xl: "1920px"
+  };
+  if (screens === true) {
+    return defaultScreens;
+  }
+  return __spreadValues(__spreadValues({}, defaultScreens), screens);
+}
+function getFontSize(options = {}) {
+  const { fontSize = true } = options;
+  if (!fontSize) {
+    return;
+  }
+  const defaultFontSize = {
+    xs: "var(--mp-font-size-xs)",
+    sm: "var(--mp-font-size-sm)",
+    md: "var(--mp-font-size-md)",
+    lg: "var(--mp-font-size-lg)"
+  };
+  if (fontSize === true) {
+    return defaultFontSize;
+  }
+  return __spreadValues(__spreadValues({}, defaultFontSize), fontSize);
+}
+function getColors(options = {}) {
+  const { colors = true } = options;
+  if (!colors) {
+    return;
+  }
+  const defaultColors = {
+    primary: "var(--mp-color-primary)",
+    info: "var(--mp-color-info)",
+    warning: "var(--mp-color-warning)",
+    danger: "var(--mp-color-danger)",
+    success: "var(--mp-color-success)"
+  };
+  if (colors === true) {
+    return defaultColors;
+  }
+  const _a = colors, { body: _body, disabled: _disabled } = _a, customColors = __objRest(_a, ["body", "disabled"]);
+  return __spreadValues(__spreadValues({}, defaultColors), customColors);
+}
+function getDisabled(options = {}) {
+  var _a;
+  const { colors = true } = options;
+  if (!colors) {
+    return;
+  }
+  return colors === true ? "var(--mp-color-disabled)" : (_a = colors.disabled) != null ? _a : "var(--mp-color-disabled)";
+}
+function getBody(options = {}) {
+  var _a;
+  const { colors = true } = options;
+  if (!colors) {
+    return;
+  }
+  return colors === true ? "var(--mp-color-body)" : (_a = colors.body) != null ? _a : "var(--mp-color-body)";
+}
+function presetMaple(options = {}) {
+  const body = getBody(options);
+  const disabled = getDisabled(options);
+  return {
+    prefix: "mp-",
+    corePlugins: {
+      boxShadow: false,
+      boxShadowColor: false
+    },
+    theme: {
+      extend: {
+        colors: getColors(options),
+        backgroundColor: body || disabled ? { body, disabled } : void 0,
+        textColor: disabled ? { disabled } : void 0,
+        screens: getScreens(options),
+        fontSize: getFontSize(options),
+        spacing: getSpacing()
+      }
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  presetMaple
+});

package/lib/index.d.cts

@@ -0,0 +1,52 @@
+interface PresetMapleOptions {
+    screens?: boolean | PresetMapleScreens;
+    fontSize?: boolean | PresetMapleFontSize;
+    colors?: boolean | PresetMapleColors;
+}
+interface PresetMapleScreens {
+    sm?: string | number;
+    md?: string | number;
+    lg?: string | number;
+    xl?: string | number;
+}
+interface PresetMapleFontSize {
+    xs?: string;
+    sm?: string;
+    md?: string;
+    lg?: string;
+}
+interface PresetMapleColors {
+    body?: string;
+    primary?: string;
+    info?: string;
+    warning?: string;
+    danger?: string;
+    success?: string;
+    disabled?: string;
+}
+declare function presetMaple(options?: PresetMapleOptions): {
+    prefix: string;
+    corePlugins: {
+        boxShadow: boolean;
+        boxShadowColor: boolean;
+    };
+    theme: {
+        extend: {
+            colors: Omit<PresetMapleColors, "body" | "disabled"> | undefined;
+            backgroundColor: {
+                body: string | undefined;
+                disabled: string | undefined;
+            } | undefined;
+            textColor: {
+                disabled: string;
+            } | undefined;
+            screens: PresetMapleScreens | undefined;
+            fontSize: PresetMapleFontSize | undefined;
+            spacing: {
+                [k: string]: string;
+            };
+        };
+    };
+};
+
+export { PresetMapleColors, PresetMapleFontSize, PresetMapleOptions, PresetMapleScreens, presetMaple };

package/lib/index.d.ts

@@ -0,0 +1,52 @@
+interface PresetMapleOptions {
+    screens?: boolean | PresetMapleScreens;
+    fontSize?: boolean | PresetMapleFontSize;
+    colors?: boolean | PresetMapleColors;
+}
+interface PresetMapleScreens {
+    sm?: string | number;
+    md?: string | number;
+    lg?: string | number;
+    xl?: string | number;
+}
+interface PresetMapleFontSize {
+    xs?: string;
+    sm?: string;
+    md?: string;
+    lg?: string;
+}
+interface PresetMapleColors {
+    body?: string;
+    primary?: string;
+    info?: string;
+    warning?: string;
+    danger?: string;
+    success?: string;
+    disabled?: string;
+}
+declare function presetMaple(options?: PresetMapleOptions): {
+    prefix: string;
+    corePlugins: {
+        boxShadow: boolean;
+        boxShadowColor: boolean;
+    };
+    theme: {
+        extend: {
+            colors: Omit<PresetMapleColors, "body" | "disabled"> | undefined;
+            backgroundColor: {
+                body: string | undefined;
+                disabled: string | undefined;
+            } | undefined;
+            textColor: {
+                disabled: string;
+            } | undefined;
+            screens: PresetMapleScreens | undefined;
+            fontSize: PresetMapleFontSize | undefined;
+            spacing: {
+                [k: string]: string;
+            };
+        };
+    };
+};
+
+export { PresetMapleColors, PresetMapleFontSize, PresetMapleOptions, PresetMapleScreens, presetMaple };

package/lib/index.js

@@ -0,0 +1,123 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/index.ts
+function getSpacing() {
+  return Object.fromEntries(Array.from({ length: 201 }, (_, value) => [String(value), `${value}px`]));
+}
+function getScreens(options = {}) {
+  const { screens = true } = options;
+  if (!screens) {
+    return;
+  }
+  const defaultScreens = {
+    sm: "768px",
+    md: "992px",
+    lg: "1200px",
+    xl: "1920px"
+  };
+  if (screens === true) {
+    return defaultScreens;
+  }
+  return __spreadValues(__spreadValues({}, defaultScreens), screens);
+}
+function getFontSize(options = {}) {
+  const { fontSize = true } = options;
+  if (!fontSize) {
+    return;
+  }
+  const defaultFontSize = {
+    xs: "var(--mp-font-size-xs)",
+    sm: "var(--mp-font-size-sm)",
+    md: "var(--mp-font-size-md)",
+    lg: "var(--mp-font-size-lg)"
+  };
+  if (fontSize === true) {
+    return defaultFontSize;
+  }
+  return __spreadValues(__spreadValues({}, defaultFontSize), fontSize);
+}
+function getColors(options = {}) {
+  const { colors = true } = options;
+  if (!colors) {
+    return;
+  }
+  const defaultColors = {
+    primary: "var(--mp-color-primary)",
+    info: "var(--mp-color-info)",
+    warning: "var(--mp-color-warning)",
+    danger: "var(--mp-color-danger)",
+    success: "var(--mp-color-success)"
+  };
+  if (colors === true) {
+    return defaultColors;
+  }
+  const _a = colors, { body: _body, disabled: _disabled } = _a, customColors = __objRest(_a, ["body", "disabled"]);
+  return __spreadValues(__spreadValues({}, defaultColors), customColors);
+}
+function getDisabled(options = {}) {
+  var _a;
+  const { colors = true } = options;
+  if (!colors) {
+    return;
+  }
+  return colors === true ? "var(--mp-color-disabled)" : (_a = colors.disabled) != null ? _a : "var(--mp-color-disabled)";
+}
+function getBody(options = {}) {
+  var _a;
+  const { colors = true } = options;
+  if (!colors) {
+    return;
+  }
+  return colors === true ? "var(--mp-color-body)" : (_a = colors.body) != null ? _a : "var(--mp-color-body)";
+}
+function presetMaple(options = {}) {
+  const body = getBody(options);
+  const disabled = getDisabled(options);
+  return {
+    prefix: "mp-",
+    corePlugins: {
+      boxShadow: false,
+      boxShadowColor: false
+    },
+    theme: {
+      extend: {
+        colors: getColors(options),
+        backgroundColor: body || disabled ? { body, disabled } : void 0,
+        textColor: disabled ? { disabled } : void 0,
+        screens: getScreens(options),
+        fontSize: getFontSize(options),
+        spacing: getSpacing()
+      }
+    }
+  };
+}
+export {
+  presetMaple
+};

package/package.json

@@ -1,6 +1,52 @@
 {
   "name": "@maple-design/preset-tailwindcss-vue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.1.0",
+  "description": "tailwindcss preset of maple",
+  "keywords": [
+    "tailwindcss",
+    "preset",
+    "maple"
+  ],
+  "bugs": {
+    "url": "https://github.com/loca-spirit/maple-design-mobile/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/loca-spirit/maple-design-mobile.git",
+    "directory": "packages/preset-tailwindcss"
+  },
+  "license": "MIT",
+  "author": "chouchouji <1305974212@qq.com>",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "require": "./lib/index.cjs",
+      "types": "./lib/index.d.ts"
+    },
+    "./*": "./*"
+  },
+  "main": "lib/index.cjs",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib"
+  ],
+  "devDependencies": {
+    "@types/node": "^18.7.20",
+    "tsup": "7.2.0",
+    "typescript": "5.3.3"
+  },
+  "peerDependencies": {
+    "tailwindcss": "^3.4.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --out-dir=lib --dts --clean",
+    "dev": "tsup src/index.ts --format esm --out-dir=lib --watch --dts"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.