Feature request 🚀

• It's just a suggestion
• we will provide props value for all form components like switch,checkbox,rating and so on

Expected:

• Perfect compatibility
• Can use props value control component or use v-model change state automatically.

Examples:

<template>
  <div>
    <fe-switch  :value="checked" @change="changeHandler" />
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const checked = ref(true)
    const changeHandler = (e) => {
      checked.value = e.target.checked
    }
    return {
      checked,
      changeHandler,
    }
  },
}
</script>

Programme:

None .

Background

WIP

About styles 🛠️

Hey, Is it possible to add width on the button.
I can now only change the button width as shown below：

<div class="search">
  <fe-button size="large" ghost>Search</fe-button>
</div>

.search {
  button {
    min-width: 40px;
  }
}

Feature request 🚀

Expected:

• No breaking changes

Examples:

在一个组件中改变theme

const { themeChange } = useTheme();
themeChange();

希望在另一个组件中能够监听到变化

const { theme } = useTheme();
watch(theme, () => {
  // 希望这里能够监听到
}); 

Bug report 🐞

下拉框无法正常显示
Demo: https://codesandbox.io/s/fect-ui--multi-select-t8wb0y

Version & Environment

"@fect-ui/vue": "1.3.6"
"vue": "^3.2.25"
Chrome 版本 98.0.4758.102（正式版本） （64 位）

Expection

Actual results (or Errors)

Bug report 🐞

Version & Environment

"@fect-ui/vue": "^1.1.1",

• Browser: Microsoft Edge version 97.0.1072.62 (64)

Expection

• When the interval is 1s, click the blank again, the modal box will no longer appear

Actual results (or Errors)

The recorded gif is a bit faster than the actual display

Bug report 🐞

Version & Environment

fect-ui/vue v1.0.8

Expection

This library is provide svg icon . But some icons conflict with native element .

Actual results (or Errors)

Bug report 🐞

Version & Environment

Expection

Actual results (or Errors)

Feature request 🚀

Expected:

Add a deployment snapshot to view the ux effect every time you pr

Feature request 🚀

Expected:

I think we can provide a cli package. May we should create a new repo for it. The current cli is integrated in the main repo. It is very inconvenient when in cli. And i think we can refactor him incidentally

Examples:

Programme:

Others:

Feature request 🚀

Expected:

Add Tree component

Others:

1.0.3版本已经发布快一个月了,是否有计划在发布1.0.4版本之前添加树形组件呢?期待树形组件的加入。

Bug report 🐞

Error when importing form components on demand using Vite

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport from 'vite-plugin-style-import'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    styleImport({
      libs: [
        {
          libraryName: '@fect-ui/vue',
          esModule: true,
          resolveStyle: (name) => `@fect-ui/vue/es/${name}/index.css`
        }
      ]
    })
  ]
})

temporary method

 libs: [
        {
          libraryName: '@fect-ui/vue',
          esModule: true,
          resolveStyle: (name) => {
            if (name === 'form') {
              return
            } else {
              return `@fect-ui/vue/es/${name}/index.css`
            }
          },
        },
      ],

Version & Environment

"@fect-ui/vue": "1.2.4",
"vue": "^3.2.25",

Expection

no error

Actual results (or Errors)

[vite] Internal server error: Failed to resolve import "F:/**path**/node_modules/.pnpm/
registry.npmmirror.com+@[email protected][email protected]/node_modules/@fect-ui/vue/es/form/index.css" from "src\plugins\ui.ts". 
Does the file exist?
  Plugin: vite:import-analysis

Bug report 🐞

Version & Environment

• @fect-ui/[email protected]
• [email protected]

Expection

手动修改active绑定的变量可以切换tab

Actual results (or Errors)

https://stackblitz.com/edit/vue-lcup1k?file=src/App.vue

About code

return {
      [`--fect-${key}-grow`]: 0,
      [`--fect-${key}-display`]: display,
      [`--fect-${key}-width`]: `${ratio}`,
      [`--fect-${key}-basis`]: `${ratio}`,
 }

Variables ratio can be used directly in grid/grid.tsx.

Bug report 🐞

Version & Environment

• @fect-ui/vue 1.0.5-rc.0
• vue 3.0.0

Expection

下拉框靠近屏幕底部希望可以向上展开

Actual results (or Errors)

向下展开，并且增加了页面的高度

Bug report 🐞

在使用VueCli创建的项目中导入安装组件使用没有生效。

Version & Environment

FectUI版本1.0.3,Vue版本3.0.0.
使用环境为Mac,Chrome浏览器。

Expection

Actual results (or Errors)

About docs

Bug report 🐞

https://codesandbox.io/s/flamboyant-cache-wz5n8?file=/src/App.vue

Version & Environment

• [email protected]
• @fect-ui/[email protected]

Expection

{ min: '900px', max: '1280px' } 时，宽度为6

Actual results (or Errors)

{ min: '900px', max: '1280px' }时，宽度仍为12

Background

Performance & Features

• Refactor some components for ux

Documents

• Re Design document.

Feature request 🚀

Inspired by #166

Expected:

• Add a new component called theme-provide
• Support change css variable in packaging tool like webpack.
• Migration css variable

Examples:

<fe-theme-provide
  style={{
    'button-primary-color': '#fff'
  }}
>
  <App />
</fe-theme-provide>

Programme:

Others:

Feature request 🚀

Expected:

• I will create Pull Request
• will use ssr replace spa , seo better
• I will refactor docs
• I will use monorepo

About docs

官网演示代码打不开。可能出现bug

Feature request 🚀

Expected:

• All component can work with SSR.
• Use new style System .

Others:

May it support before 1.5.0 .

Bug report 🐞

Version & Environment

@fect-ui/[email protected]

Actual results (or Errors)

Bug report 🐞

The new website document language switch did not work.I tried to clear the website cache and switch browsers, but the problem still exists.

Version & Environment

The website document is now in English by default. I tried to click to switch the language. The route was changed, but the language was not switched.

Expection

Language can be switched normally

Actual results (or Errors)

About styles 🛠️

Stacking issue when using multiple select in modal

• env: "@fect-ui/vue": "1.2.1"
• browser: Microsoft Edge 97

Demo

https://codesandbox.io/s/fect-ui--multi-select-modal-lm9de?file=/src/App.vue

Show

Feature request 🚀

• #142
• It's just a suggestion

Expected:

• Easy to use
• Design simple API
• Support the use of validators to verify forms

Examples:

()=><Form model={ { } }>
   <FormItem prop="do" label="thing">
       <Input  />
    </FormItem>
</Form>

Programme:

The form component should not be too complicated .

Others:

Feature request 🚀

Now I need to write the resolver manually, but I don't know if the code is wrong

function FectUiResolver(): ComponentResolver {
  return {
    type: 'component',
    resolve: (name: string) => {
      if (name.match(/^(Fe[A-Z]|fe-[a-z])/)) {
        return {
          name: name.replace(/^(Fe|fe-)/, ''),
          from: '@fect-ui/vue'
        };
      }
    }
  };
}

Expected:

• No breaking changes

Examples:

import FectUiResolver from '@fect-ui/vue/resolver'

// config
{
    plugins: [
      AutoImport({
        resolvers: [FectUiResolver()]
      }),
      Components({
        resolvers: [FectUiResolver()]
      }),
    ]
 }

Background

Util now, fect has been iterate for nearly a year, And our neighbor geist has already enterd the Sclae system.
It is undeniable that scale system is a good enough ux design solution. So, I want to add scale for fect.

Plans

• May it will be a break change. But I will do my best to ensure incremental upgrades
• It will be implemented as soon as version 1.6 or 2.0.
• We will use attr bind to avoid more damage.

Bug report 🐞

当输入框为空时，输入内容，会出现两个隐藏/显示密码按钮

Version & Environment

"@fect-ui/vue": "1.3.6"

Expection

Actual results (or Errors)

About styles 🛠️

When switching to dark mode, the strong contrast between black and white makes it hard on the eyes, perhaps it would be better to switch to a more muted color scheme.

Like this:

Of course, if this issue is accepted, I will be happy to change it.

Feature request 🚀

Expected:

Add a virtual list compoent for display block elements.Improve interactive experience

• No breaking changes

Examples:

import { List } from '@fect-ui/vue'

( )=> <List data={mockData} limit={5} />

Programme:

Others:

expect is easy use.

Plan

• Complete current Form component(some state API maybe changes).

Performance

• Currently , No performance issue for fect . If you find, please contact me.
• Extract some component logic for easy use.
• Optimize documentation to expose internal hooks.

Patches

• This version, we only publish feature. bug will be fixed in 1.3.x.

Bug report 🐞

https://codesandbox.io/s/recursing-franklin-k6mzly?file=/src/App.vue

Version & Environment

• @fect-ui/[email protected]

Actual results (or Errors)

卡片的边框和边距样式缺失，开发者工具调试未找到对应的css变量

Feature request 🚀

Expected:

• 通过col和row属性设置grid内部的元素排列

Examples:

<fe-grid :col="4" :row="3”>
  <!- elements -->
</fe-grid>