@apollo-design/icons 0.0.0-stage → 0.1.9

package/dist/render.mjs

@@ -0,0 +1,41 @@
+import { warningOnce } from '@apollo-design/utils';
+import { h } from 'vue';
+
+const WARNING_PREFIX = "[@apollo-design/icons] ";
+function warning(valid, message) {
+  warningOnce(valid, `${WARNING_PREFIX}${message}`);
+}
+function isIconDefinition(target) {
+  if (target === null || typeof target !== "object") return false;
+  if (!("name" in target) || !("theme" in target) || !("icon" in target)) return false;
+  const icon = target.icon;
+  return typeof target.name === "string" && (target.theme === "filled" || target.theme === "outlined" || target.theme === "twotone") && (typeof icon === "function" || icon !== null && typeof icon === "object" && "tag" in icon && typeof icon.tag === "string" && "attrs" in icon && icon.attrs !== null && typeof icon.attrs === "object");
+}
+function normalizeAttrs(attrs = {}) {
+  const normalized = {};
+  for (const [key, value] of Object.entries(attrs)) {
+    normalized[key === "className" ? "class" : key] = value;
+  }
+  return normalized;
+}
+function generate(node, key, rootProps) {
+  const children = (node.children ?? []).map(
+    (child, index) => generate(child, `${key}-${node.tag}-${index}`)
+  );
+  return h(node.tag, { ...normalizeAttrs(node.attrs), ...rootProps, key }, children);
+}
+const svgBaseProps = {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+const iconBaseSvgProps = {
+  width: "1em",
+  height: "1em",
+  fill: "currentColor",
+  "aria-hidden": "true"
+};
+
+export { generate, iconBaseSvgProps, isIconDefinition, normalizeAttrs, svgBaseProps, warning };

package/dist/style.mjs

@@ -0,0 +1,62 @@
+import { DEFAULT_ICON_PREFIX_CLS } from './context.mjs';
+
+const ICON_STYLE_TEMPLATE = `
+.anticon {
+  display: inline-flex;
+  align-items: center;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.anticon > * {
+  line-height: 1;
+}
+
+.anticon svg {
+  display: inline-block;
+  vertical-align: inherit;
+}
+
+.anticon::before {
+  display: none;
+}
+
+.anticon .anticon-icon {
+  display: block;
+}
+
+.anticon[tabindex] {
+  cursor: pointer;
+}
+
+.anticon-spin {
+  -webkit-animation: loadingCircle 1s infinite linear;
+  animation: loadingCircle 1s infinite linear;
+}
+
+@-webkit-keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes loadingCircle {
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+`;
+function getIconStyle(iconPrefixCls = DEFAULT_ICON_PREFIX_CLS) {
+  return ICON_STYLE_TEMPLATE.replace(/anticon/g, iconPrefixCls);
+}
+
+export { ICON_STYLE_TEMPLATE, getIconStyle };

package/dist/two-tone-color.mjs

@@ -0,0 +1,47 @@
+import { generatePalette } from '@apollo-design/utils';
+import { shallowRef } from 'vue';
+
+const DEFAULT_TWOTONE_COLOR = "#1677ff";
+function getSecondaryColor(primaryColor) {
+  return generatePalette(primaryColor)[0];
+}
+const twoToneColorPalette = shallowRef({
+  primaryColor: "#333",
+  secondaryColor: "#E6E6E6",
+  calculated: false
+});
+function setTwoToneColors({
+  primaryColor,
+  secondaryColor
+}) {
+  twoToneColorPalette.value = {
+    primaryColor,
+    secondaryColor: secondaryColor || getSecondaryColor(primaryColor),
+    calculated: !!secondaryColor
+  };
+}
+function getTwoToneColors() {
+  return { ...twoToneColorPalette.value };
+}
+function normalizeTwoToneColors(twoToneColor) {
+  if (!twoToneColor) {
+    return [];
+  }
+  return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
+}
+function setTwoToneColor(twoToneColor) {
+  const colors = normalizeTwoToneColors(twoToneColor);
+  const primaryColor = colors[0];
+  if (primaryColor === void 0) return;
+  setTwoToneColors({ primaryColor, secondaryColor: colors[1] });
+}
+function getTwoToneColor() {
+  const colors = getTwoToneColors();
+  if (!colors.calculated) {
+    return colors.primaryColor;
+  }
+  return [colors.primaryColor, colors.secondaryColor];
+}
+setTwoToneColor(DEFAULT_TWOTONE_COLOR);
+
+export { DEFAULT_TWOTONE_COLOR, getSecondaryColor, getTwoToneColor, getTwoToneColors, normalizeTwoToneColors, setTwoToneColor, setTwoToneColors };

package/package.json

@@ -1,6 +1,37 @@
 {
   "name": "@apollo-design/icons",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.9",
+  "description": "Vue 图标组件集。以 @ant-design/icons-svg 为数据源生成，保证与 antd 图标像素一致。",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@apollo-design/utils": "0.1.9"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.42"
+  },
+  "devDependencies": {
+    "@apollo-design/test-utils": "0.1.9",
+    "@ant-design/icons-svg": "^4.6.0",
+    "@ant-design/colors": "^8.0.1"
+  },
+  "scripts": {
+    "build": "unbuild --config ../../scripts/unbuild-preserve-modules.mjs",
+    "test": "vitest run",
+    "lint": "vue-tsc --noEmit"
+  }
 }