ylwl-cpscoms 1.0.0 → 1.2.0

package/src/SlTitle/SlTitle.stories.js

@@ -1,98 +0,0 @@
-import SlTitle from './index.vue'
-
-export default {
-  title: 'Components/SlTitle',
-  component: SlTitle,
-  argTypes: {
-    title: { control: 'text', description: '标题文字' }
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: '页面标题组件，左侧显示标题文字（带蓝色竖线装饰），右侧插槽可放置操作按钮。'
-      }
-    }
-  }
-}
-
-const codeBlock = (code) => `
-  <div style="margin-top:24px;border-top:1px solid #eee;padding-top:16px">
-    <p style="font-size:14px;font-weight:600;color:#666;margin-bottom:8px;">使用代码：</p>
-    <pre style="background:#f5f5f5;padding:16px;border-radius:4px;overflow-x:auto;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-all"><code>${escapeHtml(code.trim())}</code></pre>
-  </div>`
-
-function escapeHtml(str) {
-  return str
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-}
-
-// ---- 基础用法（带操作按钮） ----
-const defaultCode = `<!-- 使用方式 -->
-<sl-title title="基本信息">
-  <el-button type="primary" size="small">编辑</el-button>
-</sl-title>`
-
-export const Default = (args, { argTypes }) => ({
-  components: { SlTitle },
-  props: Object.keys(argTypes),
-  template: `
-    <div>
-      <sl-title v-bind="$props">
-        <el-button type="primary" size="small">编辑</el-button>
-      </sl-title>
-      ${codeBlock(defaultCode)}
-    </div>`
-})
-
-Default.args = {
-  title: '基本信息'
-}
-Default.storyName = '基础用法'
-
-// ---- 纯标题 ----
-const noActionCode = `<!-- 纯标题，无右侧操作 -->
-<sl-title title="纯标题" />`
-
-export const NoAction = (args, { argTypes }) => ({
-  components: { SlTitle },
-  props: Object.keys(argTypes),
-  template: `
-    <div>
-      <sl-title v-bind="$props" />
-      ${codeBlock(noActionCode)}
-    </div>`
-})
-
-NoAction.args = {
-  title: '纯标题'
-}
-NoAction.storyName = '纯标题'
-
-// ---- 多个操作按钮 ----
-const multiActionCode = `<!-- 多个操作按钮 -->
-<sl-title title="用户列表">
-  <el-button type="primary" size="mini">新增</el-button>
-  <el-button type="success" size="mini">导出</el-button>
-  <el-button size="mini">刷新</el-button>
-</sl-title>`
-
-export const MultiAction = (args, { argTypes }) => ({
-  components: { SlTitle },
-  props: Object.keys(argTypes),
-  template: `
-    <div>
-      <sl-title v-bind="$props">
-        <el-button type="primary" size="mini">新增</el-button>
-        <el-button type="success" size="mini">导出</el-button>
-        <el-button size="small">刷新</el-button>
-      </sl-title>
-      ${codeBlock(multiActionCode)}
-    </div>`
-})
-
-MultiAction.args = {
-  title: '用户列表'
-}
-MultiAction.storyName = '多个操作按钮'

package/src/SlTitle/index.vue

@@ -1,49 +0,0 @@
-<template>
-  <div class="sl_title">
-    <div class="title_name">
-      {{ title }}
-    </div>
-    <div>
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'SlTitle',
-  props: {
-    title: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-    }
-  },
-  methods: {
-  }
-}
-
-</script>
-<style lang="css" scoped>
-.sl_title {
-  display: flex;
-  justify-content: space-between;
-  margin: 10px 0;
-}
-
-.title_name {
-  font-weight: 700;
-  color: #000;
-  font-size: 12px;
-}
-
-
-.title_name::before {
-  content: " ";
-  border: 2px solid #409EFF;
-  margin-right: 10px;
-  margin-left: 2px;
-}
-</style>

package/src/global.css

@@ -1,5 +0,0 @@
-/* 全局基础样式 - Storybook 环境 */
-p {
-  margin: 0;
-  /* font-size: 12px; */
-}

package/src/index.js

@@ -1,47 +0,0 @@
-// CPSB Component Library Entry Point
-// Supports Vue.use() global registration and named imports
-
-import SlAlert from './SlAlert/index.vue'
-import SlDescriptions from './SlDescriptions/index.vue'
-import SlForm from './SlForm/index.vue'
-import SlGuide from './SlGuide/index.vue'
-import SlPage from './SlPage/index.vue'
-import SlTable from './SlTable/index.vue'
-import SlTitle from './SlTitle/index.vue'
-
-export { createCommandDialog } from './SlDialog/index.js'
-export { createCommandDialogPlus } from './SlDialog/dialogPlus.js'
-export { createCommandDrawer } from './SlDrawer/index.js'
-export { showConfirmMessageBox } from './SlMessageBox/index.js'
-
-export * from './utils/index.js'
-
-const components = {
-  SlAlert,
-  SlDescriptions,
-  SlForm,
-  SlGuide,
-  SlPage,
-  SlTable,
-  SlTitle
-}
-
-function install(Vue, options = {}) {
-  if (install.installed) return
-  install.installed = true
-
-  Object.keys(components).forEach(name => {
-    Vue.component(name, components[name])
-  })
-}
-
-if (typeof window !== 'undefined' && window.Vue) {
-  window.Vue.use(install)
-}
-
-export { SlAlert, SlDescriptions, SlForm, SlGuide, SlPage, SlTable, SlTitle }
-
-export default {
-  install,
-  version: '1.0.0'
-}

package/src/store/index.js

@@ -1,20 +0,0 @@
-// SlPage 组件的 store 适配层，底层使用 localStorage 存取列配置
-import { getColConfig, saveColConfig, getAllColConfig } from '@/components/global/utils/tableConfig'
-
-const store = {
-  state: {
-    tableConfig: {
-      get colConfig() {
-        return getAllColConfig()
-      }
-    }
-  },
-  dispatch(action, payload) {
-    if (action === 'saveStorageCustomCol') {
-      saveColConfig(payload.key, payload.type, payload.value)
-    }
-    // getStorageCustomCol 无需操作，computed 中直接读取 state.tableConfig.colConfig
-  }
-}
-
-export default store

package/src/utils/index.js

@@ -1,47 +0,0 @@
-import CryptoJS from 'crypto-js'
-export function typeOf(fn, type) {
-  return typeof fn === type
-}
-
-export function hasKey(obj, keys) {
-  if (!Array.isArray(keys) && typeOf(keys, 'string')) {
-    return obj.hasOwnProperty(keys)
-  }
-  return keys.every(key => obj.hasOwnProperty(key))
-}
-
-export function filterKey(obj = {}, fiterAry = []) {
-  return Object.keys(obj)
-    .filter((key) => !fiterAry.includes(key))
-    .reduce((pre, key) => {
-      pre[key] = obj[key]
-      return pre
-    }, {})
-}
-
-export function transformName(str) {
-  return str.split('-').reduce((pre, word) => {
-    pre += word.slice(0, 1).toUpperCase() + word.slice(1)
-    return pre
-  }, '')
-}
-
-export function generateUniqueId(input) {
-  try {
-    const hash = CryptoJS.SHA256(input)
-    return hash.toString(CryptoJS.enc.Base64)
-  } catch (error) {
-    throw new Error('生成唯一字符失败')
-  }
-}
-
-export function getValueByPath(obj, path) {
-  if (typeof path === 'string') {
-    path = path.split(',')
-  }
-  return path.reduce((acc, key) => acc && acc[key], obj)
-}
-
-export function isMobileDevice() {
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-}

package/src/utils/tableConfig.js

@@ -1,33 +0,0 @@
-// 表格列配置的 localStorage 存取工具
-
-const STORAGE_KEY = 'colConfig'
-
-function readAll() {
-  try {
-    return JSON.parse(localStorage.getItem(STORAGE_KEY)) || {}
-  } catch (e) {
-    return {}
-  }
-}
-
-function writeAll(data) {
-  localStorage.setItem(STORAGE_KEY, JSON.stringify(data))
-}
-
-export function getColConfig(key) {
-  const all = readAll()
-  return all[key] || {}
-}
-
-export function saveColConfig(key, type, value) {
-  const all = readAll()
-  if (!all[key]) {
-    all[key] = {}
-  }
-  all[key][type] = value
-  writeAll(all)
-}
-
-export function getAllColConfig() {
-  return readAll()
-}