pcm-agents 0.6.11 → 0.6.13

package/dist/collection/components/pcm-button/pcm-button.css

@@ -1,199 +1,199 @@
-:host {
-  display: inline-block;
-}
-
-.pcm-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 400;
-  white-space: nowrap;
-  text-align: center;
-  background-image: none;
-  border: 1px solid transparent;
-  cursor: pointer;
-  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  user-select: none;
-  touch-action: manipulation;
-  height: 32px;
-  padding: 0 15px;
-  font-size: 14px;
-  border-radius: 4px;
-  color: rgba(0, 0, 0, 0.85);
-  background-color: white;
-  border-color: #d9d9d9;
-  outline: none;
-}
-
-.pcm-button:hover {
-  border-color: #40a9ff;
-  color: #40a9ff;
-}
-
-.pcm-button:active {
-  border-color: #096dd9;
-  color: #096dd9;
-}
-
-/* 按钮类型样式 */
-.pcm-button-default {
-  background-color: white;
-  border-color: #d9d9d9;
-  color: rgba(0, 0, 0, 0.85);
-}
-
-.pcm-button-primary {
-  background-color: #1677FF;
-  border-color: #1677FF;
-  color: white;
-}
-
-.pcm-button-primary:hover {
-  background-color: #40a9ff;
-  border-color: #40a9ff;
-  color: white;
-}
-
-.pcm-button-primary:active {
-  background-color: #096dd9;
-  border-color: #096dd9;
-  color: white;
-}
-
-.pcm-button-dashed {
-  background-color: white;
-  border-color: #d9d9d9;
-  border-style: dashed;
-}
-
-.pcm-button-text {
-  background-color: transparent;
-  border-color: transparent;
-  color: rgba(0, 0, 0, 0.85);
-  box-shadow: none;
-}
-
-.pcm-button-text:hover {
-  background-color: rgba(0, 0, 0, 0.05);
-  border-color: transparent;
-  color: rgba(0, 0, 0, 0.85);
-}
-
-.pcm-button-link {
-  background-color: transparent;
-  border-color: transparent;
-  color: #1677FF;
-  box-shadow: none;
-}
-
-.pcm-button-link:hover {
-  color: #40a9ff;
-  background-color: transparent;
-  border-color: transparent;
-}
-
-/* 按钮尺寸样式 */
-.pcm-button-large {
-  height: 40px;
-  padding: 0 20px;
-  font-size: 16px;
-}
-
-.pcm-button-small {
-  height: 24px;
-  padding: 0 7px;
-  font-size: 12px;
-}
-
-/* 按钮形状样式 */
-.pcm-button-circle {
-  min-width: 32px;
-  padding: 0;
-  border-radius: 50%;
-}
-
-.pcm-button-large.pcm-button-circle {
-  min-width: 40px;
-}
-
-.pcm-button-small.pcm-button-circle {
-  min-width: 24px;
-}
-
-.pcm-button-round {
-  border-radius: 40px;
-}
-
-/* 按钮加载状态样式 */
-.pcm-button-loading {
-  opacity: 0.65;
-  cursor: default;
-}
-
-.loading-icon {
-  width: 14px;
-  height: 14px;
-  margin-right: 8px;
-  border: 2px solid currentColor;
-  border-top-color: transparent;
-  border-radius: 50%;
-  animation: loading-spin 1s infinite linear;
-  display: inline-block;
-}
-
-@keyframes loading-spin {
-  0% { 
-    transform: rotate(0deg); 
-  }
-  100% { 
-    transform: rotate(360deg); 
-  }
-}
-
-/* 按钮禁用状态样式 */
-.pcm-button-disabled {
-  cursor: not-allowed;
-  opacity: 0.65;
-}
-
-.pcm-button-disabled:hover,
-.pcm-button-disabled:active {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  border-color: #d9d9d9;
-}
-
-.pcm-button-primary.pcm-button-disabled:hover,
-.pcm-button-primary.pcm-button-disabled:active {
-  background-color: #1677FF;
-  border-color: #1677FF;
-  color: white;
-}
-
-/* 图标样式 */
-.button-icon {
-  margin-right: 8px;
-  display: inline-flex;
-  align-items: center;
-}
-
-.button-icon img {
-  width: 16px;
-  height: 16px;
-}
-
-.pcm-button-small .button-icon img {
-  width: 12px;
-  height: 12px;
-}
-
-.pcm-button-large .button-icon img {
-  width: 18px;
-  height: 18px;
-}
-
-/* 块级按钮样式 */
-.pcm-button-block {
-  width: 100%;
-  display: flex;
-}
+:host {
+  display: inline-block;
+}
+
+.pcm-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 400;
+  white-space: nowrap;
+  text-align: center;
+  background-image: none;
+  border: 1px solid transparent;
+  cursor: pointer;
+  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
+  user-select: none;
+  touch-action: manipulation;
+  height: 32px;
+  padding: 0 15px;
+  font-size: 14px;
+  border-radius: 4px;
+  color: rgba(0, 0, 0, 0.85);
+  background-color: white;
+  border-color: #d9d9d9;
+  outline: none;
+}
+
+.pcm-button:hover {
+  border-color: #40a9ff;
+  color: #40a9ff;
+}
+
+.pcm-button:active {
+  border-color: #096dd9;
+  color: #096dd9;
+}
+
+/* 按钮类型样式 */
+.pcm-button-default {
+  background-color: white;
+  border-color: #d9d9d9;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.pcm-button-primary {
+  background-color: #1677FF;
+  border-color: #1677FF;
+  color: white;
+}
+
+.pcm-button-primary:hover {
+  background-color: #40a9ff;
+  border-color: #40a9ff;
+  color: white;
+}
+
+.pcm-button-primary:active {
+  background-color: #096dd9;
+  border-color: #096dd9;
+  color: white;
+}
+
+.pcm-button-dashed {
+  background-color: white;
+  border-color: #d9d9d9;
+  border-style: dashed;
+}
+
+.pcm-button-text {
+  background-color: transparent;
+  border-color: transparent;
+  color: rgba(0, 0, 0, 0.85);
+  box-shadow: none;
+}
+
+.pcm-button-text:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+  border-color: transparent;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.pcm-button-link {
+  background-color: transparent;
+  border-color: transparent;
+  color: #1677FF;
+  box-shadow: none;
+}
+
+.pcm-button-link:hover {
+  color: #40a9ff;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+/* 按钮尺寸样式 */
+.pcm-button-large {
+  height: 40px;
+  padding: 0 20px;
+  font-size: 16px;
+}
+
+.pcm-button-small {
+  height: 24px;
+  padding: 0 7px;
+  font-size: 12px;
+}
+
+/* 按钮形状样式 */
+.pcm-button-circle {
+  min-width: 32px;
+  padding: 0;
+  border-radius: 50%;
+}
+
+.pcm-button-large.pcm-button-circle {
+  min-width: 40px;
+}
+
+.pcm-button-small.pcm-button-circle {
+  min-width: 24px;
+}
+
+.pcm-button-round {
+  border-radius: 40px;
+}
+
+/* 按钮加载状态样式 */
+.pcm-button-loading {
+  opacity: 0.65;
+  cursor: default;
+}
+
+.loading-icon {
+  width: 14px;
+  height: 14px;
+  margin-right: 8px;
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: loading-spin 1s infinite linear;
+  display: inline-block;
+}
+
+@keyframes loading-spin {
+  0% { 
+    transform: rotate(0deg); 
+  }
+  100% { 
+    transform: rotate(360deg); 
+  }
+}
+
+/* 按钮禁用状态样式 */
+.pcm-button-disabled {
+  cursor: not-allowed;
+  opacity: 0.65;
+}
+
+.pcm-button-disabled:hover,
+.pcm-button-disabled:active {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  border-color: #d9d9d9;
+}
+
+.pcm-button-primary.pcm-button-disabled:hover,
+.pcm-button-primary.pcm-button-disabled:active {
+  background-color: #1677FF;
+  border-color: #1677FF;
+  color: white;
+}
+
+/* 图标样式 */
+.button-icon {
+  margin-right: 8px;
+  display: inline-flex;
+  align-items: center;
+}
+
+.button-icon img {
+  width: 16px;
+  height: 16px;
+}
+
+.pcm-button-small .button-icon img {
+  width: 12px;
+  height: 12px;
+}
+
+.pcm-button-large .button-icon img {
+  width: 18px;
+  height: 18px;
+}
+
+/* 块级按钮样式 */
+.pcm-button-block {
+  width: 100%;
+  display: flex;
+}

package/dist/collection/components/pcm-button/pcm-button.js

@@ -92,7 +92,7 @@ export class PcmButton {
         if (this.borderStyle) {
             customStyle['borderStyle'] = this.borderStyle;
         }
-        return (h("button", { key: 'f8105a4e08d60af62e77185726b2d67f8378ad2a', class: Object.keys(classes).filter(key => classes[key]).join(' '), style: customStyle, disabled: this.disabled, type: "button" }, this.loading && (h("span", { key: '713aaf3ed2e05e933e3813128146cad481179055', class: "loading-icon" })), this.icon && !this.loading && (h("span", { key: 'f680ccc5a0481c8c2eddaef84497475426eba8fb', class: "button-icon" }, h("img", { key: '888b1a7ba7427a91f4c53732ba4583e3cc68fbe5', src: this.icon, alt: "" }))), h("slot", { key: '1ee6ce028c10949dd2d0bc761c52b9e01d8fc673' })));
+        return (h("button", { key: '370d4d7a0676a5d6abdeec7c14b3d15ba3ce9410', class: Object.keys(classes).filter(key => classes[key]).join(' '), style: customStyle, disabled: this.disabled, type: "button" }, this.loading && (h("span", { key: 'c9624a3e95ffb9a325fd3b606689b9176e82930c', class: "loading-icon" })), this.icon && !this.loading && (h("span", { key: 'd2061865c930901f83b0ffc2adc535c13a8c6220', class: "button-icon" }, h("img", { key: '63a726785f5ffe74283915bd69b26a8552c1a593', src: this.icon, alt: "" }))), h("slot", { key: 'e57fecba739bce61f48ffc18c052a5b5923e63d5' })));
     }
     static get is() { return "pcm-button"; }
     static get encapsulation() { return "shadow"; }
@@ -121,7 +121,7 @@ export class PcmButton {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u6309\u94AE\u7C7B\u578B\r\n\u53EF\u9009\u503C: 'primary', 'default', 'dashed', 'text', 'link'"
+                    "text": "\u6309\u94AE\u7C7B\u578B\n\u53EF\u9009\u503C: 'primary', 'default', 'dashed', 'text', 'link'"
                 },
                 "getter": false,
                 "setter": false,
@@ -141,7 +141,7 @@ export class PcmButton {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u6309\u94AE\u5C3A\u5BF8\r\n\u53EF\u9009\u503C: 'large', 'middle', 'small'"
+                    "text": "\u6309\u94AE\u5C3A\u5BF8\n\u53EF\u9009\u503C: 'large', 'middle', 'small'"
                 },
                 "getter": false,
                 "setter": false,
@@ -201,7 +201,7 @@ export class PcmButton {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u8BBE\u7F6E\u6309\u94AE\u7684\u56FE\u6807\r\n\u4F7F\u7528\u56FE\u6807\u7684URL\u6216\u8005base64\u5B57\u7B26\u4E32"
+                    "text": "\u8BBE\u7F6E\u6309\u94AE\u7684\u56FE\u6807\n\u4F7F\u7528\u56FE\u6807\u7684URL\u6216\u8005base64\u5B57\u7B26\u4E32"
                 },
                 "getter": false,
                 "setter": false,
@@ -221,7 +221,7 @@ export class PcmButton {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u81EA\u5B9A\u4E49\u6309\u94AE\u5F62\u72B6\r\n\u53EF\u9009\u503C: 'default', 'circle', 'round'"
+                    "text": "\u81EA\u5B9A\u4E49\u6309\u94AE\u5F62\u72B6\n\u53EF\u9009\u503C: 'default', 'circle', 'round'"
                 },
                 "getter": false,
                 "setter": false,
@@ -361,7 +361,7 @@ export class PcmButton {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u6309\u94AE\u8FB9\u6846\u6837\u5F0F\r\n\u53EF\u9009\u503C: 'solid', 'dashed', 'dotted', 'none'"
+                    "text": "\u6309\u94AE\u8FB9\u6846\u6837\u5F0F\n\u53EF\u9009\u503C: 'solid', 'dashed', 'dotted', 'none'"
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/pcm-button/pcm-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"pcm-button.js","sourceRoot":"","sources":["../../../../src/components/pcm-button/pcm-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h} from '@stencil/core';\r\n\r\n/**\r\n * 按钮组件\r\n * 一个简化版的类似于 ant-design 的按钮组件，支持自定义文字、颜色、圆角等属性\r\n */\r\n@Component({\r\n  tag: 'pcm-button',\r\n  styleUrl: 'pcm-button.css',\r\n  shadow: true,\r\n})\r\nexport class PcmButton {\r\n  /**\r\n   * 按钮类型\r\n   * 可选值: 'primary', 'default', 'dashed', 'text', 'link'\r\n   */\r\n  @Prop() type: 'primary' | 'default' | 'dashed' | 'text' | 'link' = 'default';\r\n\r\n  /**\r\n   * 按钮尺寸\r\n   * 可选值: 'large', 'middle', 'small'\r\n   */\r\n  @Prop() size: 'large' | 'middle' | 'small' = 'middle';\r\n\r\n  /**\r\n   * 是否为加载状态\r\n   */\r\n  @Prop() loading: boolean = false;\r\n\r\n  /**\r\n   * 是否为禁用状态\r\n   */\r\n  @Prop() disabled: boolean = false;\r\n\r\n  /**\r\n   * 设置按钮的图标\r\n   * 使用图标的URL或者base64字符串\r\n   */\r\n  @Prop() icon: string = 'https://pub.pincaimao.com/static/common/i_pcm_logo.png';\r\n\r\n\r\n  /**\r\n   * 自定义按钮形状\r\n   * 可选值: 'default', 'circle', 'round'\r\n   */\r\n  @Prop() shape: 'default' | 'circle' | 'round' = 'default';\r\n\r\n  /**\r\n   * 自定义按钮背景色\r\n   */\r\n  @Prop() backgroundColor: string = '';\r\n\r\n  /**\r\n   * 自定义按钮文字颜色\r\n   */\r\n  @Prop() textColor: string = '';\r\n\r\n  /**\r\n   * 自定义按钮边框颜色\r\n   */\r\n  @Prop() borderColor: string = '';\r\n\r\n  /**\r\n   * 自定义按钮圆角大小（像素）\r\n   */\r\n  @Prop() borderRadius: number = null;\r\n\r\n  /**\r\n   * 按钮宽度（像素或百分比）\r\n   */\r\n  @Prop() width: string = '';\r\n\r\n  /**\r\n   * 是否为块级按钮（宽度撑满父元素）\r\n   */\r\n  @Prop() block: boolean = false;\r\n\r\n  /**\r\n   * 按钮边框样式\r\n   * 可选值: 'solid', 'dashed', 'dotted', 'none'\r\n   */\r\n  @Prop() borderStyle: 'solid' | 'dashed' | 'dotted' | 'none' = 'solid';\r\n\r\n  render() {\r\n    // 计算样式类名\r\n    const classes = {\r\n      'pcm-button': true,\r\n      [`pcm-button-${this.type}`]: true,\r\n      [`pcm-button-${this.size}`]: true,\r\n      [`pcm-button-${this.shape}`]: true,\r\n      'pcm-button-loading': this.loading,\r\n      'pcm-button-disabled': this.disabled,\r\n      'pcm-button-block': this.block\r\n    };\r\n\r\n    // 计算自定义样式\r\n    const customStyle = {};\r\n    if (this.backgroundColor) {\r\n      customStyle['backgroundColor'] = this.backgroundColor;\r\n    }\r\n    if (this.textColor) {\r\n      customStyle['color'] = this.textColor;\r\n    }\r\n    if (this.borderColor) {\r\n      customStyle['borderColor'] = this.borderColor;\r\n    }\r\n    if (this.borderRadius !== null) {\r\n      customStyle['borderRadius'] = `${this.borderRadius}px`;\r\n    }\r\n    if (this.width) {\r\n      customStyle['width'] = this.width;\r\n    }\r\n    if (this.borderStyle) {\r\n      customStyle['borderStyle'] = this.borderStyle;\r\n    }\r\n\r\n    return (\r\n      <button\r\n        class={Object.keys(classes).filter(key => classes[key]).join(' ')}\r\n        style={customStyle}\r\n        disabled={this.disabled}\r\n        type=\"button\"\r\n      >\r\n        {this.loading && (\r\n          <span class=\"loading-icon\"></span>\r\n        )}\r\n        {this.icon && !this.loading && (\r\n          <span class=\"button-icon\">\r\n            <img src={this.icon} alt=\"\" />\r\n          </span>\r\n        )}\r\n        <slot />\r\n      </button>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"pcm-button.js","sourceRoot":"","sources":["../../../../src/components/pcm-button/pcm-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h} from '@stencil/core';\n\n/**\n * 按钮组件\n * 一个简化版的类似于 ant-design 的按钮组件，支持自定义文字、颜色、圆角等属性\n */\n@Component({\n  tag: 'pcm-button',\n  styleUrl: 'pcm-button.css',\n  shadow: true,\n})\nexport class PcmButton {\n  /**\n   * 按钮类型\n   * 可选值: 'primary', 'default', 'dashed', 'text', 'link'\n   */\n  @Prop() type: 'primary' | 'default' | 'dashed' | 'text' | 'link' = 'default';\n\n  /**\n   * 按钮尺寸\n   * 可选值: 'large', 'middle', 'small'\n   */\n  @Prop() size: 'large' | 'middle' | 'small' = 'middle';\n\n  /**\n   * 是否为加载状态\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * 是否为禁用状态\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * 设置按钮的图标\n   * 使用图标的URL或者base64字符串\n   */\n  @Prop() icon: string = 'https://pub.pincaimao.com/static/common/i_pcm_logo.png';\n\n\n  /**\n   * 自定义按钮形状\n   * 可选值: 'default', 'circle', 'round'\n   */\n  @Prop() shape: 'default' | 'circle' | 'round' = 'default';\n\n  /**\n   * 自定义按钮背景色\n   */\n  @Prop() backgroundColor: string = '';\n\n  /**\n   * 自定义按钮文字颜色\n   */\n  @Prop() textColor: string = '';\n\n  /**\n   * 自定义按钮边框颜色\n   */\n  @Prop() borderColor: string = '';\n\n  /**\n   * 自定义按钮圆角大小（像素）\n   */\n  @Prop() borderRadius: number = null;\n\n  /**\n   * 按钮宽度（像素或百分比）\n   */\n  @Prop() width: string = '';\n\n  /**\n   * 是否为块级按钮（宽度撑满父元素）\n   */\n  @Prop() block: boolean = false;\n\n  /**\n   * 按钮边框样式\n   * 可选值: 'solid', 'dashed', 'dotted', 'none'\n   */\n  @Prop() borderStyle: 'solid' | 'dashed' | 'dotted' | 'none' = 'solid';\n\n  render() {\n    // 计算样式类名\n    const classes = {\n      'pcm-button': true,\n      [`pcm-button-${this.type}`]: true,\n      [`pcm-button-${this.size}`]: true,\n      [`pcm-button-${this.shape}`]: true,\n      'pcm-button-loading': this.loading,\n      'pcm-button-disabled': this.disabled,\n      'pcm-button-block': this.block\n    };\n\n    // 计算自定义样式\n    const customStyle = {};\n    if (this.backgroundColor) {\n      customStyle['backgroundColor'] = this.backgroundColor;\n    }\n    if (this.textColor) {\n      customStyle['color'] = this.textColor;\n    }\n    if (this.borderColor) {\n      customStyle['borderColor'] = this.borderColor;\n    }\n    if (this.borderRadius !== null) {\n      customStyle['borderRadius'] = `${this.borderRadius}px`;\n    }\n    if (this.width) {\n      customStyle['width'] = this.width;\n    }\n    if (this.borderStyle) {\n      customStyle['borderStyle'] = this.borderStyle;\n    }\n\n    return (\n      <button\n        class={Object.keys(classes).filter(key => classes[key]).join(' ')}\n        style={customStyle}\n        disabled={this.disabled}\n        type=\"button\"\n      >\n        {this.loading && (\n          <span class=\"loading-icon\"></span>\n        )}\n        {this.icon && !this.loading && (\n          <span class=\"button-icon\">\n            <img src={this.icon} alt=\"\" />\n          </span>\n        )}\n        <slot />\n      </button>\n    );\n  }\n}\n"]}