@bsgoal/common 2.6.0 → 2.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsgoal/common",
-  "version": "2.6.0",
+  "version": "2.7.1",
   "private": false,
   "files": [
     "dist",

package/src/components/bsgoal-base-input/demo.vue

@@ -0,0 +1,43 @@
+<!--
+ * @Author: canlong.shen
+ * @Date: 2023-05-29 09:38:59
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-05-29 18:01:43
+ * @FilePath: \common\src\components\bsgoal-base-input\demo.vue
+ * @Description: Input 输入框 演示
+ * 
+-->
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import { ref } from 'vue'
+import BsgoalBaseInput from './index.vue'
+defineOptions({
+  name: 'BsgoalBaseInputDemo'
+})
+const props = defineProps({})
+
+const inputValue = ref('')
+
+const test = () => {
+    inputValue.value = '666'
+}
+
+</script>
+<template>
+  <div class="bsgoal-base-input-demo">
+    <div class="base_input_demo">
+        {{ inputValue }}
+      <BsgoalBaseInput v-model="inputValue"/>
+      <el-button type="primary" @click="test">测试</el-button>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+/* 自定义样式
+---------------------------------------------------------------- */
+</style>
+<style lang="scss">
+/* 覆盖样式
+---------------------------------------------------------------- */
+</style>

package/src/components/bsgoal-base-input/index.vue

@@ -0,0 +1,134 @@
+<!--
+ * @Author: canlong.shen
+ * @Date: 2023-05-29 09:38:52
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-05-29 18:01:19
+ * @FilePath: \common\src\components\bsgoal-base-input\index.vue
+ * @Description:  Input 输入框
+ * 
+-->
+
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import { processSlotOutlet } from '@vue/compiler-core'
+import { ref, watch, watchEffect } from 'vue'
+
+defineOptions({
+  name: 'BsgoalBaseInput'
+})
+
+const props = defineProps({
+  /**
+   * value
+   */
+  modelValue: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * placeholder
+   */
+  placeholder: {
+    type: [String],
+    default: '请输入'
+  },
+  /**
+   * 禁用状态
+   */
+  disabled: {
+    type: [Boolean],
+    default: false
+  },
+  /**
+   * 输入值格式
+   */
+  formatter: {
+    type: [Function],
+    default: () => {
+      return (v) => v
+    }
+  },
+  /**
+   * 提取值
+   */
+  parser: {
+    type: [Function],
+    default: () => {
+      return (v) => v
+    }
+  }
+})
+
+const emits = defineEmits(['update:modelValue', 'change'])
+
+// ---> S 值绑定 <---
+
+const inputValue = ref('')
+
+watchEffect(() => {
+  inputValue.value = props.modelValue
+})
+
+// ---> E 值绑定 <---
+
+// ---> S 事件  <---
+
+/**
+ * @Author: canlong.shen
+ * @description: 触发 变动输入
+ * @default:
+ * @return {*}
+ */
+const change = (value = '') => {
+  emits('change', value)
+  emits('update:modelValue', value)
+}
+/**
+ * @Author: canlong.shen
+ * @description: 触发 清空输入
+ * @default:
+ * @return {*}
+ */
+const clear = (value = '') => {
+  emits('clear', value)
+  emits('update:modelValue', value)
+}
+/**
+ * @Author: canlong.shen
+ * @description: 触发 输入事件
+ * @default:
+ * @return {*}
+ */
+const input = (value = '') => {
+  emits('input', value)
+  emits('update:modelValue', value)
+}
+
+// ---> E 事件  <---
+</script>
+
+<template>
+  <div class="bsgoal-base-input">
+    <el-input
+      v-model="inputValue"
+      clearable
+      class="base_input"
+      :placeholder="placeholder"
+      :disabled="disabled"
+      :formatter="formatter"
+      :parser="parser"
+      @change="change"
+      @clear="clear"
+      @input="input"
+    />
+  </div>
+</template>
+<style lang="scss" scoped>
+/* 自定义样式
+---------------------------------------------------------------- */
+</style>
+<style lang="scss">
+/* 覆盖样式
+---------------------------------------------------------------- */
+</style>

package/src/entry.js

@@ -1,3 +1,15 @@
+/*
+ * @Author: canlong.shen
+ * @Date: 2023-05-11 18:31:55
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-05-29 09:58:19
+ * @FilePath: \common\src\entry.js
+ * @Description: 打包 入口文件
+ * 
+ */
+
+
+
 import BsgoalBaseForm from '@/components/bsgoal-base-form/index.vue'
 import BsgoalBaseTable from '@/components/bsgoal-base-table/index.vue'
 import BsgoalBaseLine from '@/components/bsgoal-base-line/index.vue'
@@ -14,6 +26,7 @@ import BsgoalBaseTime from '@/components/bsgoal-base-time/index.vue'
 import BsgoalBaseTimeRange from '@/components/bsgoal-base-time-range/index.vue'
 import BsgoalBaseSwitch from '@/components/bsgoal-base-switch/index.vue'
 import BsgoalBaseItem from '@/components/bsgoal-base-item/index.vue'
+import BsgoalBaseInput from '@/components/bsgoal-base-input/index.vue'
 import componentTypeEnums from '@/enums/componentTypeEnums.js'
 import { useFetch } from '@/combines/useFetchs.js'
 
@@ -42,6 +55,7 @@ export default {
       BsgoalBaseTimeRange,
       BsgoalBaseSwitch,
       BsgoalBaseItem,
+      BsgoalBaseInput,
     }
 
     for (const [name, component] of Object.entries(componentsMap)) {

package/src/router/index.js

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 10:41:52
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-24 17:43:27
+ * @LastEditTime: 2023-05-29 09:57:18
  * @FilePath: \common\src\router\index.js
  * @Description: 路由配置
  * 
@@ -18,6 +18,11 @@ const router = createRouter({
       name: 'home',
       component: LayoutHome,
       children: [
+        {
+          path: '/bsgoal-base-input-demo',
+          name: '输入框',
+          component: import('@/components/bsgoal-base-input/demo.vue')
+        },
         {
           path: '/bsgoal-base-table-demo',
           name: '表格',