@star-ai/star-ui 0.1.6 → 0.1.8

package/lib/components/Button/index.js

@@ -0,0 +1,8 @@
+
+import Button from './Button.vue'
+
+Button.install = function(Vue) {
+  Vue.component(Button.name, Button)
+}
+
+export default Button

package/lib/components/Input/index.js

@@ -0,0 +1,8 @@
+
+import Input from './Input.vue'
+
+Input.install = function(Vue) {
+  Vue.component(Input.name, Input)
+}
+
+export default Input

package/lib/index.js

@@ -1,455 +1,28 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-  typeof define === 'function' && define.amd ? define(factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.StarUI = factory());
-}(this, (function () {
-  'use strict';
 
-  // 组件定义
-  
-  // Button 组件
-  const StarButton = {
-  template: '<view 
-    class="star-button"
-    :class="[
-      \`star-button--${type}\`,
-      \`star-button--${size}\`,
-      {
-        \'star-button--disabled\': disabled,
-        \'star-button--loading\': loading,
-        \'star-button--block\': block,
-        \'star-button--plain\': plain
-      }
-    ]"
-    :style="[customStyle]"
-    @click="handleClick"
-  >
-    <!-- 加载状态 -->
-    <view v-if="loading" class="star-button__loading">
-      <view class="star-button__loading-spinner"></view>
-    </view>
-    
-    <!-- 图标 -->
-    <text 
-      v-if="icon && !loading" 
-      class="star-button__icon" 
-      :class="icon"
-    ></text>
-    
-    <!-- 文字内容 -->
-    <text class="star-button__text">
-      <slot></slot>
-    </text>
-    
-    <!-- 右侧图标 -->
-    <text 
-      v-if="rightIcon && !loading" 
-      class="star-button__right-icon" 
-      :class="rightIcon"
-    ></text>
-  </view>',
+// 自动导入所有组件
+const components = []
 
-  name: 'StarButton',
-  
-  // 为组件添加 install 方法，用于 Vue.use()
-  install: function(Vue) {
-    Vue.component(this.name, this)
-  },
-  
-  // 组件属性定义
-  props: {
-    // 按钮类型
-    type: {
-      type: String,
-      default: 'default',
-      validator: (value) => {
-        return ['default', 'primary', 'success', 'warning', 'error', 'info'].includes(value)
-      }
-    },
-    
-    // 按钮大小
-    size: {
-      type: String,
-      default: 'medium',
-      validator: (value) => {
-        return ['mini', 'small', 'medium', 'large'].includes(value)
-      }
-    },
-    
-    // 是否禁用
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    
-    // 是否加载中
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    
-    // 是否为朴素按钮
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    
-    // 是否为块级按钮
-    block: {
-      type: Boolean,
-      default: false
-    },
-    
-    // 左侧图标
-    icon: {
-      type: String,
-      default: ''
-    },
-    
-    // 右侧图标
-    rightIcon: {
-      type: String,
-      default: ''
-    },
-    
-    // 自定义样式
-    customStyle: {
-      type: Object,
-      default: () => ({})
-    },
-    
-    // 点击防抖时间（毫秒）
-    debounce: {
-      type: Number,
-      default: 0
-    }
-  },
-  
-  data() {
-    return {
-      canClick: true
-    }
-  },
-  
-  methods: {
-    handleClick(event) {
-      // 防抖处理
-      if (!this.canClick) return
-      
-      if (this.debounce > 0) {
-        this.canClick = false
-        setTimeout(() => {
-          this.canClick = true
-        }, this.debounce)
-      }
-      
-      // 触发点击事件
-      if (!this.disabled && !this.loading) {
-        this.$emit('click', event)
-      }
-    }
-  }
-};
-  StarButton.name = 'StarButton'; // 确保name属性存在
-  StarButton.install = function(Vue) {
-    Vue.component(StarButton.name, StarButton);
-  };
-    
-  // Input 组件
-  const StarInput = {
-  template: '<view class="star-input" :class="inputClasses">
-    <!-- 前置内容 -->
-    <view v-if="$slots.prepend || prepend" class="star-input__prepend">
-      <slot name="prepend">
-        <text v-if="prepend" class="star-input__prepend-text">{{ prepend }}</text>
-      </slot>
-    </view>
-    
-    <!-- 输入框主体 -->
-    <view class="star-input__wrapper">
-      <!-- 前置图标 -->
-      <text 
-        v-if="prefixIcon" 
-        class="star-input__prefix-icon" 
-        :class="prefixIcon"
-        @click="handlePrefixIconClick"
-      ></text>
-      
-      <!-- 输入框 -->
-      <input
-        class="star-input__inner"
-        :type="showPassword ? (passwordVisible ? \'text\' : \'password\') : type"
-        :value="currentValue"
-        :placeholder="placeholder"
-        :disabled="disabled"
-        :maxlength="maxlength"
-        :focus="focus"
-        :confirm-type="confirmType"
-        :placeholder-style="placeholderStyle"
-        :placeholder-class="placeholderClass"
-        :cursor-spacing="cursorSpacing"
-        @input="handleInput"
-        @focus="handleFocus"
-        @blur="handleBlur"
-        @confirm="handleConfirm"
-        @keyboardheightchange="handleKeyboardHeightChange"
-      />
-      
-      <!-- 清除按钮 -->
-      <view 
-        v-if="clearable && currentValue && !disabled" 
-        class="star-input__clear"
-        @click="handleClear"
-      >
-        <text class="star-icon-close"></text>
-      </view>
-      
-      <!-- 密码可见切换按钮 -->
-      <view 
-        v-if="showPassword && currentValue" 
-        class="star-input__password-toggle"
-        @click="togglePasswordVisible"
-      >
-        <text :class="passwordVisible ? \'star-icon-eye-open\' : \'star-icon-eye-close\'"></text>
-      </view>
-      
-      <!-- 后置图标 -->
-      <text 
-        v-if="suffixIcon" 
-        class="star-input__suffix-icon" 
-        :class="suffixIcon"
-        @click="handleSuffixIconClick"
-      ></text>
-    </view>
-    
-    <!-- 后置内容 -->
-    <view v-if="$slots.append || append" class="star-input__append">
-      <slot name="append">
-        <text v-if="append" class="star-input__append-text">{{ append }}</text>
-      </slot>
-    </view>
-  </view>',
-
-  name: 'StarInput',
-  
-  // 为组件添加 install 方法，用于 Vue.use()
-  install: function(Vue) {
-    Vue.component(this.name, this)
-  },
-  
-  props: {
-    // 输入框类型
-    type: {
-      type: String,
-      default: 'text'
-    },
-    
-    // 绑定值
-    value: {
-      type: [String, Number],
-      default: ''
-    },
-    
-    // 原生属性
-    placeholder: {
-      type: String,
-      default: ''
-    },
-    
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    
-    maxlength: {
-      type: [String, Number],
-      default: 140
-    },
-    
-    focus: {
-      type: Boolean,
-      default: false
-    },
-    
-    confirmType: {
-      type: String,
-      default: 'done'
-    },
-    
-    placeholderStyle: {
-      type: String,
-      default: ''
-    },
-    
-    placeholderClass: {
-      type: String,
-      default: ''
-    },
-    
-    cursorSpacing: {
-      type: [String, Number],
-      default: 0
-    },
-    
-    // 自定义属性
-    size: {
-      type: String,
-      default: 'medium',
-      validator: (value) => ['mini', 'small', 'medium', 'large'].includes(value)
-    },
-    
-    clearable: {
-      type: Boolean,
-      default: false
-    },
-    
-    showPassword: {
-      type: Boolean,
-      default: false
-    },
-    
-    prefixIcon: {
-      type: String,
-      default: ''
-    },
-    
-    suffixIcon: {
-      type: String,
-      default: ''
-    },
-    
-    prepend: {
-      type: String,
-      default: ''
-    },
-    
-    append: {
-      type: String,
-      default: ''
-    },
-    
-    readonly: {
-      type: Boolean,
-      default: false
-    }
-  },
+const install = function(Vue, opts = {}) {
+  components.forEach(component => {
+    Vue.component(component.name, component)
+  })
   
-  data() {
-    return {
-      currentValue: this.value,
-      isFocused: false,
-      passwordVisible: false
-    }
-  },
-  
-  computed: {
-    inputClasses() {
-      return [
-        `star-input--${this.size}`,
-        {
-          'star-input--disabled': this.disabled,
-          'star-input--focused': this.isFocused,
-          'star-input--with-prepend': this.prepend || this.$slots.prepend,
-          'star-input--with-append': this.append || this.$slots.append,
-          'star-input--readonly': this.readonly
-        }
-      ]
-    }
-  },
-  
-  watch: {
-    value(newVal) {
-      this.currentValue = newVal
-    }
-  },
-  
-  methods: {
-    handleInput(event) {
-      const value = event.detail.value
-      this.currentValue = value
-      this.$emit('input', value)
-      this.$emit('change', value)
-    },
-    
-    handleFocus(event) {
-      this.isFocused = true
-      this.$emit('focus', event)
-    },
-    
-    handleBlur(event) {
-      this.isFocused = false
-      this.$emit('blur', event)
-    },
-    
-    handleConfirm(event) {
-      this.$emit('confirm', event)
-    },
-    
-    handleKeyboardHeightChange(event) {
-      this.$emit('keyboardheightchange', event)
-    },
-    
-    handleClear() {
-      this.currentValue = ''
-      this.$emit('input', '')
-      this.$emit('change', '')
-      this.$emit('clear')
-    },
-    
-    togglePasswordVisible() {
-      this.passwordVisible = !this.passwordVisible
-    },
-    
-    handlePrefixIconClick() {
-      this.$emit('click-prefix')
-    },
-    
-    handleSuffixIconClick() {
-      this.$emit('click-suffix')
-    }
+  // 挂载全局方法
+  Vue.prototype.$MY_UI = {
+    size: opts.size || '',
+    zIndex: opts.zIndex || 2000
   }
-};
-  StarInput.name = 'StarInput'; // 确保name属性存在
-  StarInput.install = function(Vue) {
-    Vue.component(StarInput.name, StarInput);
-  };
-    
-
-  // 组件列表
-  const components = [
-    StarButton,
-    StarInput
-  ];
-
-  // 安装函数
-  const install = function(Vue, opts = {}) {
-    components.forEach(component => {
-      // 直接注册组件，确保name属性存在
-      if (component.name) {
-        Vue.component(component.name, component);
-      }
-    });
-    
-    // 挂载全局方法
-    Vue.prototype.$MY_UI = {
-      size: opts.size || '',
-      zIndex: opts.zIndex || 2000
-    };
-  };
-
-  // 如果是浏览器环境且已引入Vue，则自动安装
-  if (typeof window !== 'undefined' && window.Vue) {
-    install(window.Vue);
-  }
-
-  // 创建导出对象
-  const StarUI = {
-    version: '0.1.6',
-    install,
-    // 导出所有组件
-    StarButton,
-    StarInput
-  };
-
-  return StarUI;
-})));
+}
+
+// 如果是浏览器环境且已引入Vue，则自动安装
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue)
+}
+
+export default {
+  version: '0.1.8',
+  install,
+  // 按需导出所有组件
+  Button: require('./components/Button').default,
+  Input: require('./components/Input').default
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@star-ai/star-ui",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "基于Uniapp的Vue2组件库",
   "main": "lib/index.js",
   "module": "lib/index.js",

package/packages/index.js

@@ -23,47 +23,10 @@ const install = function(Vue, opts = {}) {
       Vue.component(component.name, component)
     }
   })
-  
-  // 挂载全局方法
-  Vue.prototype.$MY_UI = {
-    size: opts.size || '',
-    zIndex: opts.zIndex || 2000
-  }
-}
-
-// 如果是浏览器环境且已引入Vue，则自动安装
-if (typeof window !== 'undefined' && window.Vue) {
-  install(window.Vue)
 }
 
 // 创建导出对象
-const StarUI = {
+export default {
   version: packageJson.version,
-  install,
-  // 导出所有组件
-  StarButton,
-  StarInput
-}
-
-// 导出模块
-if (typeof module !== 'undefined' && module.exports) {
-  // CommonJS 导出
-  module.exports = StarUI
-  module.exports.default = StarUI
-  // 为每个组件添加单独的导出（支持按需导入）
-  components.forEach(component => {
-    if (component.name) {
-      module.exports[component.name] = component
-    }
-  })
-} else if (typeof define === 'function' && define.amd) {
-  // AMD 导出
-  define(() => StarUI)
-} else if (typeof window !== 'undefined') {
-  // 浏览器全局变量导出
-  window.StarUI = StarUI
-}
-
-// ES模块导出
-export default StarUI
-export { StarButton, StarInput }
+  install
+}